開始
vue.js吸收了Angular的指令系統(tǒng)和React的組件化思想.這里我們再贅述一下:
案例.png
代碼解釋說明
- 首先我們會使用
new Vue({})來實例化一個vue.js的對象.通過data這個對象的屬性來構(gòu)造model,通過{{}}(這個東西叫做"插值")這樣的一個符號來將model和view進行綁定. - methods
這個對象內(nèi)部存儲的是方法
- methods對象.png
通過
this.a可以訪問到這個vue實例中的數(shù)據(jù)模型對象
- watch
字面上的意思就是監(jiān)聽.和Angular的$watch是一樣的.看下面的圖示
- watch對象.png
這里
watch監(jiān)聽了a對象的值,當(dāng)她的值發(fā)生改變的時候,就會觸發(fā)后面的函數(shù).
常用指令
vue.js吸收了Angular優(yōu)秀的指令系統(tǒng),通過指令我們可以很方便的操作DOM的狀態(tài).下面熟悉一下常用的一些指令.都很簡單也很方便使用.
