创建一个vue实例

创建一个vue实例

vue实例中用到了插值表达式

```{{ content }}插值表达式的形式```

- 什么是插值表达式？
    - 插值表达式就是在js中写的表达式的值可以通过插值表达式显示出来。

我们使用的数据，需要再data中存在

数据首先需要存在，才能实现数据绑定（数据更新页面也更新）。

data数据中的数组数据

通过索引的方式去改变数组，不能渲染视图。

通过长度的改变的方式去改变数组，不能渲染视图。

数组变异方法： push , pop , shift , unshift , sort , reverse , splice.

data数据中的对象数据

obj.a的方式修改数据
$set vm.$set(vm.obj, 'xxx', 90); 添加一个对象中不存在的属性。
$el
$nextTick 让操作完数据后统一修改
$mount 设置入口 如在vue里面设置el

数据首先需要存在，才能实现数据绑定（数据更新页面也更新）。

    var a = 22;
    const vue = new Vue({
        // el : "#app",
        data : {
            name : "宇威",
            set : 21,
            arr : [1,2,3],
            obj : {
                a : 1,
                b : 2
            }
        }
    });
    vue.$mount('#app')

    vue.arr.push(3);
    vue.arr.shift();

    vue.obj["c"] = "33";
    vue.$set(vue.obj, "d" , 90) // 添加

    vue.name = 'sss';
    vue.set = 11;
    vue.$nextTick(()=>{
        console.log( vue.$el.innerText ) //  输出data中的所有数字
    })