自定义指令的对象写法 (配置项比较细)

最新推荐文章于 2022-10-06 22:58:26 发布

猕猴桃-HR

最新推荐文章于 2022-10-06 22:58:26 发布

阅读量373

点赞数

分类专栏： vue 文章标签： vue.js

本文链接：https://blog.youkuaiyun.com/weixin_45677987/article/details/123621460

版权

vue 专栏收录该内容

105 篇文章

订阅专栏

本文解析了指令在元素绑定、模板重新解析时的行为，介绍了big函数的调用时机和两种函数定义方式。重点讲解了指令绑定的生命周期方法：bind(), inserted() 和 update() 的作用。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

directives: {
 // big 函数何时会被调用? 
 1: 指令与元素成功绑定时(一上来就会绑定)
 2: 指令所在的模板被重新解析时
 big(element, binding) {   //  第一种函数写法
   console.log('big')  //  页面已加载就会调用一次
   element.innerText = binding.value * 10; 
 }
 第二种对象写法:
 fbind: {
  // 指令与元素成功绑定在一起
  bind() {

  },
  // 指令所在的元素被插入到页面时
  inserted() {

  }
  // 指令所在的模板被重新解析
  update() {

  }
 }
}