Vue.js元件的重要選項
執行個體化Vue對象一些很重要的選項，Vue的所有資料都是放在data裡面的，Vue的參數是個對象，對象裡面的字段叫做data，data裡面也是對象，data也可以寫作是this.a,this.b來取到資料
2：methods是一個方法，這個方法列印出 了a的數值，取到data裡面的資料
3：監聽
我們監聽了data資料裡面的a, a對應的是一個方法,意思就是我們監聽所有a的變化，a在dosomething進行了一個加1 的操作，watch指定的這個方法就會去執行，是以val的值是2，oldval的值還是之前的1
4：那麼Vue裡面的東西和頁面頁面展示究竟有什麼聯系？
這三者看似想同，實際也有所差別
v-text處理過HTML，v-html儲存了HTML的結構
當右邊Vue裡面的a通過方法執行自增的話，左邊模闆中的a也會随之進行更新
5：常用的v-if ， v-show 控制元素的顯示與隐藏
v-if是直接渲染dom元素
v-show是通過display none 來對div進行隐藏，在代碼裡面能看到這個dom元素的
6：v-for
清單的渲染方法，循環渲染，我們的資料源是這樣的，items裡面有一個對象的清單
我們在前端對數組進行渲染的話使用的就是v-for 指令，in後面的對象值得就是data資料源裡面的清單
通過循環體裡面對象的屬性（banana 和apple）取得
7：事件的綁定
doThis是從methods裡面取得的，不是從data裡面取得，，簡寫的模式是@
8：對dom元素屬性的操作，簡寫的方式是：
假如裡面是對象{}，這個red指的是class的名字，isred指的是是否有這個class的一個判斷
假如裡面是數組【】，classA和classB在data裡面就是一個字元串，是要直接展示出來的，比如指派給A和Bbanana和apple
小結：