总结:
- 不建议使用v-html指令,有风险。
- 使用v-pre指令的元素,该元素文本节点内的{{message}}不会被浏览器编译,原样输出{{message}}。
- 使用v-once指令的元素,该元素文本节点内的{{message}}只会被浏览器编译一次,后续不会再改变。这个有利于性能优化,主要应用于论坛文章之类的静态页面。
- v-cloak指令只能在HTML文件中使用。(很少用)
- 指令的本质其实就是js的语法糖,指令从template编译到render函数时,会把这些语法糖编译成js代码。
- 通过自定义指令可以封装重复使用的逻辑代码。
- 自定义指令五大生命周期函数有bind、inserted、update、componentUpdated、unbind,其中bind、inserted和unbind只会执行1次,而update和componentUpdated会执行多次。(可以和Vue的钩子函数进行对比)