陣列可響應

weixin_33766168發表於2018-07-07
陣列
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <script src="vue.min.js"></script>
</head>
<body>
    <ul id="box">
        <li v-for="x in arr">{{x}}</li>
    </ul>
</body>
    <script>
         var app=new Vue({
              el:"#box",
              data:{
                 arr:[]
              },
              created:function(){
                 //通過下標直接插入
                 // this.arr[0]="hello"//box.arr[0]="fsdfsd" 通過下標去修改是不會響應的

                 //直接覆蓋掉,通過下標去修改是不會響應的,app.arr=8就會響應
                 // this.arr=3;
                
                 
                 // Vue.set(this.arr,0,"hello");
                 //修改可以通過Vue.set(app.arr,0,"world")
         
                 //通過陣列的方法
                 this.arr.push("hello");
                 this.arr.splice(0,1,"world")


              }



         })




    </script>
</html>

相關文章