创建一个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中的所有数字
})