? ? 一攻旦、基礎(chǔ)寫法：
步驟：
1、首先在頭部引用Vue.js的包生逸，我使用的是本地包敬特。也可以使用網(wǎng)上的包。
2牺陶、寫出Vue的基本樣式伟阔，el存放的是作用域，data存放的是數(shù)據(jù)掰伸，methods存放的是方法皱炉。（注意：methods千萬要記得寫s，我就因為沒寫s狮鸭，調(diào)試了好久合搅，最后在某博主的文章看到這個問題才得以解決。）
二歧蕉、v-cloak灾部、v-text、v-html惯退、v-bind赌髓、v-on、v-model的用法以及注意事項
1催跪、v-cloak：能夠解決插值表達(dá)式閃爍問題（插值表達(dá)式：頁面上調(diào)取data中的數(shù)據(jù)锁蠕，即上圖中的{{msg}}；閃爍：即網(wǎng)速加載過慢懊蒸，先顯示插值表達(dá)式荣倾，再顯示數(shù)據(jù)）
2、v-text：默認(rèn)沒有閃爍問題骑丸，但是會覆蓋元素中的原本內(nèi)容舌仍，插值表達(dá)式只會替換自己的占位符，不會將整個元素的內(nèi)容清空通危。
3铸豁、v-html：可以識別頁面元素，將頁面代碼存放在data中黄鳍。
4推姻、v-bind：（縮寫就是 ：）這是用戶綁定屬性的的指令（例如：v-bind:class == :class ）
5、v-on：（縮寫就是 @）這是事件綁定機(jī)制（例如：v-on:click() == :click() ）
6框沟、v-model：解決v-bind數(shù)據(jù)單向綁定藏古，從Model綁定到View增炭，無法實現(xiàn)數(shù)據(jù)的雙向綁定。v-model指令拧晕∠蹲耍可以實現(xiàn)表單元素和model中的數(shù)據(jù)的雙向數(shù)據(jù)綁定（注意：只能夠在表單元素中實現(xiàn)）
三、methods的使用
1厂捞、methods定義了當(dāng)前vue實例的所用方法
2输玷、在實例中，如果想要獲取data上的數(shù)據(jù)靡馁，或者想要調(diào)用methods中的方法欲鹏，必須通過this.數(shù)據(jù)屬性名，或者this.方法名臭墨，來進(jìn)行訪問赔嚎，這里的this，就是表示new出來的實例對象胧弛。
3尤误、實例中，會監(jiān)聽自己身體上的data中所有數(shù)據(jù)的改變结缚，只要數(shù)據(jù)一發(fā)生改變损晤，就會自動把最新的數(shù)據(jù)，從data上同步到頁面中去（好處：程序員只要關(guān)心數(shù)據(jù)红竭，不需要考慮如何重新渲染DOM頁面）
四尤勋、.stop 、.prevent 德崭、 .capture 斥黑、.self 、.once? 行為
1眉厨、.stop阻止冒泡
2、.prevent阻止默認(rèn)行為
3兽狭、.capture 實現(xiàn)捕獲觸發(fā)事件的機(jī)制
4憾股、.self 只有點擊當(dāng)前元素，才會觸發(fā)時間處理函數(shù)
5箕慧、.once 只觸發(fā)一次事件處理函數(shù)
五服球、四種樣式的使用
1、數(shù)組形式
2颠焦、三元表達(dá)式
3斩熊、使用對象來代替三元表達(dá)式
4、使用對象
六伐庭、內(nèi)聯(lián)樣式的使用
1粉渠、直接寫入樣式
2分冈、將樣式定義到data中，拿出引用
3霸株、數(shù)組形式引用多個data上的樣式
七雕沉、v-for的使用
1、循環(huán)普通數(shù)組
2去件、循環(huán)對象數(shù)組
3坡椒、循環(huán)對象
4、迭代數(shù)字
八尤溜、v-for中的key的使用
在這里我推薦一個博主的對key的講解：http://www.reibang.com/p/4bd5e745ce95
個人覺得她講的還不錯倔叼。
九、v-if和v-show的使用
這邊的話宫莱，這兩者的區(qū)別是：1丈攒、v-if每次都要重新刪除或創(chuàng)建元素，有較高的切換性能損耗
2梢睛、v-show只是樣式dispaly：none 的改變肥印，具有較高初始渲染的損耗。
以上是我第一天vue學(xué)習(xí)的記錄绝葡，有些是個人的理解深碱，如有出錯的地方，可以在下方留言藏畅，我會及時改正的敷硅。
