v-bind:用于动态绑定DOM元素属性。元素属性实际的值是由实例中data属性提供。可简写为:。
v-model:用于表单控件中。
v-if/v-else/v-show:主要用于根据条件展示对应的模板内容。
v-for:用于模板渲染。
v-on:用于事件绑定。
v-text:参数为string,作用是更新元素的textContent。与{{}}其实是差不多的,使用上有区别。v-text是绑定在某个元素上,避免未编译前的闪现问题。
v-HTML:参数类型为string,作用为更新元素的innerHTML,接收的字符串不会进行编译等操作,按普通HTML处理。
v-el:为DOM元素注册了一个索引,使得我们直接可以访问DOM元素,也可以通过实例$els属性调用.例如:
<div v-el:demo>there is a el demo</div>
vm.$els.demo.innerText // -> there is a el demo
另外,html不区分大小写,v-el使用驼峰命名,系统会自动转成小写,可以使用-来连接,例如:
<div v-el:camelCase>There is a camelcase</div>
<div v-el:camel-case>There is a camelCase</div>
vm.$els.camelcase.innerText // -> There is a camelcase
vm.$els.camelCase.innerText // -> There is a camelCase
v-ref:与v-el类似,v-ref作用于组件上,实例可以通过$refs访问子组件。
v-pre:跳过编译这个元素和子元素,显示原始的{{}}Mustache标签,用来减少编译的时间。
v-once:用于标记元素或者组件只渲染一次,即使随后发生绑定数据的变化或者更新,该元素或者组件及包含的子元素都不会被编译和渲染,作用: 最大程度地提升了更新行为中页面的性能,可以滤过明确不需要变化的元素。