vue2.0內部都有哪些內部指令
阿新 • • 發佈:2018-12-21
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:用於標記元素或者元件只渲染一次,即使隨後發生繫結資料的變化或者更新,該元素或者元件及包含的子元素都不會被編譯和渲染,作用: 最大程度地提升了更新行為中頁面的效能,可以濾過明確不需要變化的元素。