VUE 基礎語法

2022-05-01 12:27:11 字數 672 閱讀 5925

1.繫結文字( v-model='msg')

}2.繫結html(v-html='')

"

h2test

">

3.繫結標籤屬性(v-bind:屬性名(如:href | class等)=''),簡寫形式:@屬性名=''

修改顏色:

this is update background color div!

4.表示式的應用}}

@*三元運算子*@

}@*字串反轉*@

id test

@*字元拼接*@

5.指令

@*根據ok的值判斷下面是否顯示*@

6.引數的使用 (v-on:事件='',簡寫:@事件='')

7.方法的呼叫

}反正字串@*呼叫reversemsg方法*@

8.過濾器的使用

}9.vue的屬性和方法

var vm=new vue(

屬性:vm.$data  -->包含所有自定義的字段的集合

方法:vm.$watch('da',function(newval,oldval){

console.log(newval+'|'+oldval);

當vm中data中包含的變數da值變化時觸發這個事件

Vue基礎語法

指令 1.1 資料繫結指令 v pre 填充原始資訊 1.顯示原始資訊跳過編譯過程 v once 只編譯一次 應用場景 顯示的資訊後續不需要修改。1.2 雙向資料繫結type text v model username 1.3 事件繫結type button v on click num type ...

Vue 基礎語法

lang en charset utf 8 模板語法 v指令入門title src script head root div div div v html test2 my.age div div 物件,裡面有兩個最基本屬性,是固定屬性 要寫在 id 為 root 的 div 下面 const co...

Vue基礎語法

常用控制項 基本練習 class繫結 使用方式 v bind class expression expression的型別 字串 陣列 物件 style繫結 v bind style expression expression的型別 字串 陣列 物件 vue通過由點 表示的指令字尾來呼叫修飾符,st...