当前位置: 首页 > article >正文

vue从入门到精通(十六):自定义指令

一、定义语法

(1).局部指令

new Vue({
	directives:{指令名:配置对象}
})new Vue({
	directives:{指令名:回调函数}
})

(2).全局指令

Vue.directive(指令名,配置对象)
或
Vue.directive(指令名,回调函数)

二、配置对象中常用的3个回调

(1).bind:指令与元素成功绑定时调用。

(2).inserted:指令所在元素被插入页面时调用。

(3).update:指令所在模板结构被重新解析时调用。

三、备注

1.指令定义时不加v-,但使用时要加v-;

2.指令名如果是多个单词,要使用kebab-case命名方式,不要用camelcase命名。

在这里插入图片描述


http://www.kler.cn/a/565030.html

相关文章:

  • 神经网络中感受野的概念和作用
  • 浅谈C++/C命名冲突
  • 跟着AI学vue第十一章
  • 面试JAVA集合常用方法总结
  • 微芯-AVR内核单片机
  • android 新增native binder service 方式(一)
  • PHP如何与HTML结合使用?
  • 在 JMeter 中使用 Python 脚本
  • Qt常用控件之下拉框QComboBox
  • 【每日前端面试-02】
  • Unity学习笔记之——ugui的性能优化
  • 一键导出数据库表到Excel
  • GDidees CMS v3.9.1本地文件泄露漏洞(CVE-2023-27179)
  • [原创]openwebui解决searxng通过接口请求不成功问题
  • C++游戏开发系列教程之第二篇:面向对象编程与游戏架构设计
  • 27.贪心算法5
  • uni小程序wx.switchTab有时候跳转错误tab问题,解决办法
  • BladeX框架接口请求跨域
  • Java面试题总结 - Java集合篇(附答案)
  • 【Linux】修改 core 文件大小和路径