Vue生命周期，计算属性方法侦听器

Posted 2020-12-30 zhx119

vue实例和组件都有生命周期函数，beforeCreate()实例或组件没有被创建的时候执行的钩子函数；created()是实例或组件被创建完成的时候执行的钩子函

数；beforeMount()函数是在实例或组件对应虚拟dom触发的钩子函数，此时页面没有内容，mounted编译好的html挂载的到页面完成后执行的事件钩子，

此时钩子函数会做一些ajax请求获取数据进行数据初始化，mounted在整个实例中只执行一次，beforeUpdate()更新之前的钩子，实时监控数据变化跟新

dom,updated()更新之后的钩子函数执行；beforeDstroy()销毁之前执行的钩子函数；destroy()实例销毁完成执行的函数。

计算属性唯一的好处可以使用缓存，当其他数据变化时候，它监听的数据没变化是返回原始的数据，一旦监听的数据发生改变，随之这个属性也会执行一

次，watch、computed、methods都是实例和组件的属性，属性中包含相应的方法，methods在没有事件的时候方法绑定可以使用小括号来代表执行。