1.11 指令的本质是什么

一、内置的指令(语法糖,标志位)

  1. v-text:将标签内容替换成v-text的结果

  2. v-html:将标签内容替换成v-html的标签结果

  3. v-show:用于设定内容是否展示(已经渲染,属于隐藏展示)

  4. v-if:用于设定内容是否展示(不渲染,直接删掉)

  5. v-else:用于设定内容是否展示(不渲染,直接删掉,配合v-if使用)

  6. v-else-if:用于设定内容是否展示(不渲染,直接删掉,配合v-if使用)

  7. v-for:循环

  8. v-on:事件,简写@

  9. v-bind:绑定变量或表达式,简写:变量

  10. v-model:数据双向绑定

  11. v-slot:用于具名插槽和作用域插槽的

  12. v-pre:直接输出标签内容,如:不对双括号做转义

  13. v-cloak:使用频率最低,单文件模式中基本没有用处

  14. c-once:显示内容之渲染一次,不论数据如何变,都不会变化

二、自定义指令(与生命周期有很大关系)

  1. bing:自定义指令开始,只执行一次

  2. inserted:只执行一次

  3. update:出现更新时候调用

  4. componentUpdated:更新后调用

  5. unbind:销毁时调用

Last updated