Vue 中的内置指令包括:
v-bind
:动态的绑定数据,简写为:
。v-on
:绑定事件监听器,简写为@
。v-text
:更新数据,会覆盖已有结构。v-html
:可以解析数据汇总的html
结构。v-show
:根据值的真假,切换元素的display
属性。v-if
:根据值的真假,切换元素是否会被销毁、重建。v-else-if
:多条件判断,为真则渲染。v-else
:条件都不是符合渲染。v-for
:基于源数据多次渲染元素或模板板块。v-model
:在表单控件元素上创建双向数据绑定。v-pre
:跳过元素和子元素的编译过程。v-once
:只渲染一次,随后数据更新不重新渲染。v-cloak
:隐藏未编译的Mustache
语法,css
中设置{ v-cloak } { display:none }
。