vue的生命周期钩子函数与自定义指令钩子函数

最新推荐文章于 2024-07-13 08:30:00 发布

Skye-D

最新推荐文章于 2024-07-13 08:30:00 发布

阅读量2.6k

点赞数 1

分类专栏： VUE

本文链接：https://blog.csdn.net/weixin_41658426/article/details/80934712

版权

本文探讨了Vue框架中组件的生命周期钩子函数及其执行顺序，同时详细介绍了自定义指令的钩子函数，包括它们如何接受JS表达式以及在不同场景如页面初始化和输入框变化时的触发顺序。

摘要由CSDN通过智能技术生成

vue的生命周期钩子函数与自定义指令钩子函数

<title>Document</title>
<script src="Js/vue.js"></script>
<div id="app">
    <input v-hello v-model="msg"/>
</div>

<script>
  Vue.directive('hello',{
      bind:function(el){
          console.log("bind时父节点为:"+el.parentNode)
          console.log("触发bind指令钩子函数")
      },
      inserted:function(el,binding,vnode){

        console.log("inserted时父节点为:"+el.parentNode)
          console.log("触发inserted指令钩子函数");
      },