Vue小总结

1.Vue的生命周期

beforeCreate： 数据没有挂载，无法访问到数据和真实的DOM
created: 可以访问数据，使用方法
beforeMount：虚拟dom（el）构建完成了，但是数据的双向绑定还是显示{{}},虚拟dom技术，后面mounted再填值
mounted: 真实dom已经渲染完成，{{}}的数据已经渲染进去了
beforeUpdate：数据更改后，立即执行，重新渲染虚拟dom，此时获取dom节点，数据还是老数据
updated:真实dom渲染完成，数据是新数据了

2.watch的使用

例如，当我们需要绑定一个异步获取的数据，可能我们绑定的时候，异步还未执行结束，所以绑定到的是初始值，等异步执行完了，还是初始值，没有更新上去，但是如果用watch监听，即便一开始是初始值，最终异步获取到的数据还是会被更新上去
watch用来监听属性的变化

props: ["max"],
watch: { //属性监听
      max: function(newVal,oldVal) {
	mui(".mui-numbox").numbox().setOption('max',newVal);
}
}

3。vue中操作dom的方法

给元素设置一个ref属性，然后通过this.refs.ref调用

<div class="ball" v-show="ballFlag" ref="ball"></div>
this.$refs.ball.getBoundingClientRect();