vue3自定义指令钩子生命周期
时间: 2023-08-19 20:15:31 浏览: 115
Vue 生命周期钩子.doc
引用[1]:在VUE3的版本中,自定义指令的生命周期与vue3组件的生命周期基本一致,自定义指令中没有beforeCreate,其余7个生命周期函数一致。引用[3]:自定义指令有五个生命周期(也叫钩子函数),分别是bind, inserted, update, componentUpdated, unbind。bind只调用一次,指令第一次绑定到元素时调用;inserted被绑定元素插入父节点时调用;update被绑定于元素所在的模板更新时调用,而无论绑定值是否变化;componentUpdated被绑定元素所在模板完成一次更新周期时调用;unbind只调用一次,指令与元素解绑时调用。所以,vue3自定义指令的钩子生命周期包括bind, inserted, update, componentUpdated, unbind这五个钩子函数。
阅读全文