vue监听全局的点击时间_简单理解Vue的进阶属性

Vue的进阶属性包括了“​directives​、​mixins​、​extends​、​provide​、​inject”。

Directive 指令

• ​第一种写法 声明一个全局指令

Vue.directive("x", {
    
	inserted:function (el){
    
  	el.addEventListener('click',()=>{
    console.log("x")})
  }
})

这样就可以在任何一个组件里面使用​v-x​进行监听它的​click​事件。

• ​第二种写法声明一个局部指令

声明一个局部指令我们需要在声明一个组件的时候，加上一个​directives​的一个属性，属性里面就可以写x对应的选项。

directives:{
    
	"x"{
    
  	inserted:(el){
    
    	el.addEventListener("click"