2.基本使用

2.1插值表達式：{{}}

{{插值表達式}}

1.支持data區(qū)域數(shù)據(jù)的顯示。例如：{{message}}

2.支持表達式的計算。例如：{{1+2+3}} 、 {{‘Hello’ + ’ World’}}

3.支持函數(shù)的調(diào)用。例如：{{‘Hello’.split(’’)}}

2.2標簽體操作：v-text&v-html

2.3循環(huán)語句: v-for

2.4屬性綁定–普通屬性： v-bind:xxx

2.5屬性綁定–class屬性: v-bind:class

• 案例：隔行換色

  

  

2.6屬性綁定–style屬性: v-bind:style

2.7控制語句: v-show & v-if

2.8表單數(shù)據(jù)綁定: v-model

通過 v-model 可以完成數(shù)據(jù)雙向綁定.

• 數(shù)據(jù)data區(qū)域 綁定 視圖區(qū)域, 如果data數(shù)據(jù)區(qū)域的數(shù)據(jù)發(fā)生改變, 自動更新表單標簽的顯示

• 視圖區(qū)域 綁定 數(shù)據(jù)data區(qū)域 , 如果表單標簽的數(shù)據(jù)發(fā)生改變,自動更新data區(qū)域存放的數(shù)據(jù).

  

  

  

• 案例：數(shù)據(jù)綁定–對象