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

Posted zhx119

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了Vue生命周期,计算属性方法侦听器相关的知识,希望对你有一定的参考价值。

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

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

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

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

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

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

以上是关于Vue生命周期,计算属性方法侦听器的主要内容,如果未能解决你的问题,请参考以下文章

表单修饰符自定义指令计算属性侦听器过滤器生命周期

表单修饰符自定义指令计算属性侦听器过滤器生命周期

Vue组件的生命周期

第168天学习打卡(项目 谷粒商城 10 Vue 指令 计算属性和侦听器 组件化 生命周期钩子函数 模块化)

vue小结

vue生命周期函数区别作用