Vue 自定义指令详解(看了就会)

Vue 自定义指令详解(看了就会)_第1张图片

指令概念

Vue提供的指令方便了我们开发,有时我们需要对DOM 底层进行操作,就可以用自定义指令。

自定义指令分为:

  • 全局指令
  • 局部指令

在自定义指令时不需 加 ‘v’ ,在使用在才加。 指令包含5个钩子函数,用来对DOM 不同时期进行操作。

局部指令

在Vue单个组件里注册使用。

directives:{
   
  formatData:{
   
    //只调用一次,指令第一次绑定到元素时调用。在这里可以进行一次性的初始化设置。
    bind(el

你可能感兴趣的:(Vue开发实战总结,vue.js,javascript,前端)