vue基本標籤指令

2021-10-14 01:31:26 字數 355 閱讀 7830

1.v-text設定標籤的文字值全部顯示 要想一部分顯示用差值表示式 可以用加號進行拼接

2.v-html指令會解析標籤,v-text不會解析,只會解析文字

3.v-on:click=「方法"繫結事件或者@click=「方法」

資料物件用data,methods是方法

props:父元素向子元素傳遞資料

components元件

4.v-show=」「修改元素的display

5.v-if:也是切換元素的狀態(本質是操作dom)

6.v-bind:src=」「簡寫直接寫:src=」":class=""

7.v-for迴圈列表結構(item,index) in 資料

vue基本指令

指令是一些特殊的標記,給html新增一些原來沒有的功能 指令一 v model type text v model num type checkbox v model ischecked div const vm newvue 雙向資料繫結的原理底層通過 object.defineproperty ...

Vue基本指令

該指令表示元素和元件只渲染一次,當資料發生改變時,展示內容不會進行更新 v once h1 某些情況下,從伺服器請求到的資料本身就是乙個html 可以使用該指令進行對 的解析並渲染 v html url h1 div src js vue.js script data 該指令和mustache比較相...

Vue基本指令

又叫宣告式渲染 文字差值 語法 v bind繫結class 作用 給目標標籤的更新innertext innerhtml 語法 v text vue變數 v html vue變數 注意 它會覆蓋差值表示式 作用 給標籤繫結事件 語法 點我 1 點我增加1個 點我 5 點我扣除1 點我扣除10 效果 ...