<div id="app">
{{a.school}}
</div>

<script>
    //vue 会循环data中的数据（数据劫持） 依次的增加 getter 和setter
    let vm=new Vue({
        el:"#app",
        data:{
            a:{school:""},  //1
        }
    })
    //使用变量时，先要初始化，否则新加的属性不会导致页面刷新
    vm.$set(vm.a,"school",1);//2.此方法可以给对象添加响应式的数据变化
    //3.替换原对象
    vm.a={school:"hello"}
</script>

数据响应式的变化

<div id="app">
    <!--{{arr[1]}}-->
    {{arr}}
</div>

<script>

    let vm=new Vue ({
        el:"#app",
        data:{
            arr:[1,2,3,4,5]
        }
    }); //去改变数组中的某一项是监控不到的,也不能使用改变数组长度的方法
    //变异方法： pop push shift unshift sort reserve splice
    vm.arr=vm.arr.map(item=>item*=3);//filter map
</script>

转载请注明： Vue教程中文网 - 打造国内领先的vue学习网站-vue视频,vue教程,vue学习,vue培训 » vue的基础指令