Vue3 功能拆解⑤ directives 指令系统
文章目录
诗号：六道同坠，魔劫万千，引渡如来。
本文从源码角度讲解了组件的指令系统，包含各种内置指令以及自定义指令原理。
指令列表
| 指令名称 | 用途 |
|---|---|
| v-text | 替换元素 textContext |
| v-html | 替换元素 innerHTML |
| v-show | 显示隐藏元素 display 属性 |
| v-if[else/else-if] | 条件渲染，off-dom 操作 |
| v-for | 列表渲染，循环操作 |
| v-on | 事件绑定 |
| v-bind | 状态绑定 |
| v-model | 双向绑定 |
| v-slot | 插槽指令, v-slot:name="scope" |
| v-pre | 代码指令 |
| v-cloak | 组件渲染完成之前元素一直是 display:none |
| v-once | 只渲染一次，缓存机制实现 |
| v-is | ? |
| v-memo |