vue怎麼在標籤判斷 vue 指令和標籤

2021-10-12 14:54:11 字數 509 閱讀 1684

vue 指令

v-if / v-show :用來判斷是否載入 區別 v-show 是對css樣式進行切換 v-if 是真正的銷毀和重建

v-for: 可以迴圈資料來新增dome 例項 v-for="(item,index) in 資料";

v-on : 簡寫 @ vue中用來新增事件

v-html: 用來編譯模板語法

v-bind:簡寫 : 對標籤中的屬性進行動態的乙個繫結 例項

v-model : vue中可以資料雙向繫結 v-model 本質上是語法糖

v-solt : 提供具名插槽或需要接收 prop 的插槽

##### 資料繫結 v-bind 部分支援簡寫—— :id ;:class

new vue(}

new vue({

data: {

list: [{

name: "tony",

age: "16"

name: "jack",

age: "1

vue基本標籤指令

1.v text設定標籤的文字值全部顯示 要想一部分顯示用差值表示式 可以用加號進行拼接 2.v html指令會解析標籤,v text不會解析,只會解析文字 3.v on click 方法 繫結事件或者 click 方法 資料物件用data,methods是方法 props 父元素向子元素傳遞資料 ...

vue常用指令和標籤

5 v if v show 6 在 vm 例項中,如果要訪問 data 上的資料,或者要訪問 methods 中的方法,必須帶 this 7常見標籤 v text會覆蓋元素中原本的內容,但是 v cloak 插值表示式 只會替換自己的這個佔位符,不會把 整個元素的內容清空 v html是以html的...

Vue框架 Vue指令

v cloak 避免螢幕閃爍 class屬性 重點 style屬性 了解 案例 123 data methods 12 3 事件處理 3 v if有家族 v if v else if v else if控制顯隱 你是第1個p 你是第2個p 你是第3個p 案例綠 藍 注意 v for遍歷要依賴於乙個所...