vue中的内置指令和自定义指令

内置指令

• v-html指令可以识别标签属性,在用户提交内容上。应避免xss攻击

• v-cloak指令防止页面加载不及时，展示未解析的代码。配合display: none，在未加载时将其隐藏

• v-once指令与事件指令once不同，once作用是只能生效一次。如：@click.once

• v-pre指令跳过该节点的编译过程，优化编译时间

• 
  ​
  
  ​
  

  自定义指令_对象式

• Vue识别自定义指令的流程为：Vue一开始元素和指令成功绑定(也就是v-big可以用了)，页面未解析。当发生对应数据的改变，页面重新解析自定义的元素，调用自定义的指令。

• vue提供了三种自定义指令在任意时刻被调用

  1、bing()指令与元素成功绑定时调用该函数

  2、inserted()指令所在的函数被插入页面时

  3、update()指令所在的模板被重新解析时

• 
  ​
  
  ​
  ​

• 解决鼠标光标问题就是让自定义元素的调用提前或者元素和指令绑定成功。就开始调用函数

• 
  ​
  

• 全局的自定义元素和过滤器的全局方式一致

• 
  
  ​
  
  ​