Vue.set()变动数组

Vue变动数组

	<script src="../vue.js"></script>

	<ul id="app">
	<!--    <li>{{name}}</li>-->
	    <li v-for="name in names">{{name.n}}</li>
	</ul>
	<script>
	    var a = new Vue({
	        el: '#app',
	        data: {
	            names:[
	                {n:1},
	                {n:2},
	                {n:3},
	                {n:4},
	                {n:5},
	            ]
	            // name: '123'
	        },
	        created(){
	            this.con()
	        },
	        methods: {
	            con() {
	            //通过索引直接设置项，不会触发视图正确改变
	                // this.names[2] = 333
	                // console.log(this.names[2])
	            //改变数组可以用Vue.set()
	                Vue.set(this.names,2,{n:333})
	            }
	        }
	    })
	</script>