Vue第一讲

Vue实例

const vm = new Vue ({});

1.data数据

data用于保存当前Vue实例中所需要用到的数据。

data属性的值只有两种情况：对象、返回对象的函数：

//第一种:
const vm = new Vue({
        data:{
            // 数据
        }
    });

//第二种：
const vm = new Vue({
        data(){
            return {
                // 数据
            }
        }
    })

注意：在后续学习完“组件”以后，组件中的data就只能使用“返回对象的函数”了。

2.el

el属性用于指定当前Vue实例的挂载目标，换句话说，el属性就是用来指定Vue实例的作用范围。

el的属性值是一个字符串，用于设置挂在目标节点的选择器。

注意：不要将body设置为挂载目标，因为Vue最终渲染成功后会将挂载目标元素给替换掉。

3.模板语法（数据渲染）

在挂载目标范围内，通过{ {}}双大括号的语法&