vue进阶属性

image.png

Directive指令

1.0自定义指令

两种写法

1.1声明一个全局指令

Vue.directive('x',directiveOptions)
自己试写当用户点击时打印一个x

Vue.directive('x', {)
      inserted: function(el) {
          el.addEventListener('click',()=>{console.log('x')})
  },//当元素被插入到页面，就监听click事件，元素是全局指令，把v-x放到哪个元素上，el就是那个元素
})

到中文文档搜索directive

image.png

属于元素绑定自定义事件

image.png

1.2声明一个局部指令