vue基礎指令

2021-09-13 11:22:39 字數 440 閱讀 8143

filter  對介面的轉換,比如貨幣、顯示形式

vue基礎指令:

v-mode:雙向繫結,用於文字框、輸入框、單選、複選、下拉框等等,輸入改變,模型也會改變;反之,模型改變,輸入也會改變。

v-text:更多的是乙個文字的渲染,與}類似,只是在頁面未載入完vue的時候,}會顯示在頁面上,所以一般採用v-text進行頁面的渲染。

v-show:控制dom的顯示隱藏

v-if:也是控制dom的顯示隱藏,不過與v-show的區別在於,v-if是不載入dom,而v-show是在dom上加上display:none。

v-bind:給元素新增屬性即屬性繫結,可簡寫為冒號:。

v-on:事件的繫結,可簡寫為@

v-for:迴圈,主要用在**,比如迴圈

vue  16kb

jq  50\60k

react 18kb

Vue 基礎指令

指令 是帶有 v 字首的特殊屬性 1 v html 非轉義輸出 將xml型別資料解析 防止xss,csrf 2 v text 和 結果是一樣的,但是 有個短暫的 顯示 3 v bind 單項資料繫結 作用 將乙個資料賦值給已有屬性 4 v model 雙向資料繫結 作用範圍 表單元素,因為預設繫結了...

Vue基礎指令

msg span 和下面的一樣 span 相當於 innerhtml 可以識別元素。有點元件的感覺 message h2 div vue.js script newvue script 根據表示式,例如index 0,即當index!0時顯示,根據真假值,切換元素的 display css 屬性。條...

Vue基礎指令

優勢 當資料發生變化時,頁面也會自動重新渲染 雙向資料繫結 用表單元素時,檢視變化影響資料,資料變化影響檢視 指令概念 是vue為開發這提供的模板語法,用於輔助開發者渲染頁面的基本結構 v text 把值渲染到標籤內部 插值表示式 內容佔位符,不會覆蓋標籤內部內容 只能用在元素的內容節點中,不能用在...