初始Vue

一.创建容器

  <div class="app">

        <h2>姓名:{{name}}</h2>

        <h2>年龄:{{age}}</h2>

 </div>

二.引入JS

<!-- 开发版本 -->(有相应的提示)

    <script src="../js/vue.js"></script>

  <!-- 生产版本 -->(无提示)

    <!-- <script src="../js/vue.min.js"></script> -->

   //关闭生产提示

    Vue.config.productionTip = false

三.创建Vue实例

创建一个Vue对象

        let vm = new Vue({

            //指定Vue对象操作的DOM容器

            el: '.app',       容器用class就用'.',用id就用'#'

              //指定Vue对象管理的数据

            data: {

                name: '张三',

                age: 20

            },

            //定义当前Vue对象管理的方法

            methods: {

                //修改名字的方法

                updataName() {

                    this.name = '李四'

                },

                //修改年纪的方法

                updataAge() {

                    this.age = 30

                }

            }

        })

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容