VUE 不常用 却很有用的一些方法

<style type="text/css">
		[v-cloak] {
		     display: none;
		     /* v-cloak这个属性会在页面渲染前作用于对应dom 在渲染完毕这个里面的样式将被移除 */
		}

	</style>
</head>

<div id="demo">
	<ul v-cloak>
		<li v-for="a in dataList">{{a}}</li>
	</ul>
	<button  @click="demo">demo\demo</button>
</div>

var demo1 = new Vue({
			el: "#demo",
			data:{
				dataList:[1,2,3,4]
			},
			methods:{
				demo: function(){
					//对数据的值进行改变时需要使用下面的代码
					//this.dataList[0] = 7;
					Vue.set(this.dataList,0,7);
					console.log(this.dataList);
				}
			}

		})

有时候在老项目中调用vue 可能会导致页面VUE代码一闪而过  

还有在改变数组某个值的时候 页面不能时时更新（应该是get 和 set的机制导致的）

可以用上面两种方案解决