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...