诗号:六道同坠,魔劫万千,引渡如来。

/img/bdx/yiyeshu-001.jpg

本文从源码角度讲解了组件的指令系统,包含各种内置指令以及自定义指令原理。

指令列表

指令名称用途
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

TODO v-memo, 2be61b6

TODO v-text

TODO v-html

TODO v-show

TODO v-if

TODO v-for

TODO v-on

TODO v-bind

TODO v-model

TODO v-slot

TODO v-pre

TODO v-cloak

TODO v-once

TODO v-is