vue有自己的腳手架構(gòu)建工具vue-cli,使用起來非常方便，使用webpack來集成各種開發(fā)便捷工具，比如：
代碼熱更新，修改代碼之后網(wǎng)頁無刷新改變，對(duì)前端開發(fā)來說非常的方便
PostCss，再也不用去管兼容性的問題了，只針對(duì)chrome寫css代碼，會(huì)自動(dòng)編譯生成支持多款瀏覽器的css代碼
Eslint，統(tǒng)一代碼風(fēng)格，規(guī)避低級(jí)錯(cuò)誤，對(duì)于有代碼潔癖的人來說是絕對(duì)的好東西，不過有些地方的代碼校驗(yàn)有時(shí)候也挺麻煩的-.-
bable，ES2015出來已經(jīng)有一段時(shí)間了，但是不少瀏覽器還沒有兼容ES6.有了bable，放心使用ES6語法，它會(huì)自動(dòng)轉(zhuǎn)義成ES5語法。
Stylus，類似于SASS/SCSS，但是可以不寫{}和“：”，使用起來還是很方便的
…
除此之外，vue-cli已經(jīng)使用node配置了一套本地服務(wù)器和安裝命令等，本地運(yùn)行和打包只需要一個(gè)命令就可以搞定，非常的方便
開發(fā)
vue非常好的融合了react的組件化思想和angular的指令思想。 一個(gè)vue的組件將HTML、CSS、JS代碼寫在一個(gè)文件里面，這樣既方便編寫，也方便管理和修改
Axios
在vue1.x的時(shí)候，vue的官方HTTP請(qǐng)求工具是vue-resource，但是在vue2.0的時(shí)候?qū)⒐ぞ吒某闪薬xios。
使用方式都差不多，但需要注意的是：接口返回的res并不直接是返回的數(shù)據(jù)，而是經(jīng)過axios本身處理過的json對(duì)象。真正的數(shù)據(jù)在res.data里：
axios.get(url).then((res)=>{
this.data = res.data
})
Vuex
vue提供了一個(gè)數(shù)據(jù)管理工具vuex，有點(diǎn)類似于angular中factory和service，可以進(jìn)行數(shù)據(jù)上的通信。 比如存儲(chǔ)一些公共變量或者是不同組件間的數(shù)據(jù)處理等。
這個(gè)有一些高級(jí)用法在這里不細(xì)說，想要了解的可以去官方文檔看，有中文版本。
復(fù)制代碼
const store = new Vuex.Store({
state: {
count: 0
},
mutations: {
increment(state) {
state.count++
}
}
})
axios.get(url).then((res)=>{
this.data = res.data
})
復(fù)制代碼
Vue-Router
vue-router是vue的路由系統(tǒng)，可以用來創(chuàng)建單頁應(yīng)用?；舅枷胧窃谥黜撁嬷幸霕?biāo)簽，然后定義路由，把router掛在到app上，然后把各個(gè)子頁面渲染到view里面。使用起來還是很方便的， 跳轉(zhuǎn)頁面只需要
router.push('test')
獲取元素節(jié)點(diǎn)
vue2.0廢除了v-el指令，所有的節(jié)點(diǎn)指令修改為ref，然后通過ref來獲取元素節(jié)點(diǎn)，如
<div ref="testHook">test</div> js code this.$ref.testHook
組件間的通信
一。如果是和子組件通信，則使用ref就可以實(shí)現(xiàn)，如：
<test ref="testHook"></test>
js code
this.$ref.testHook.add() //調(diào)用test子組件的add方法
二。使用emit來發(fā)送廣播
vue2提供了一套廣播機(jī)制，即一邊發(fā)送廣播，一邊接收廣播來執(zhí)行相應(yīng)操作。使用方法如下：
比如想要給test組件發(fā)送一個(gè)“相加”廣播:
復(fù)制代碼
export default {
method:{
click(){
Vue.$emit('add',{}) //第二個(gè)參數(shù)可作為傳遞數(shù)據(jù)傳送到監(jiān)聽端口，不需要?jiǎng)t傳空對(duì)象
}
}
}
復(fù)制代碼
那么test組件中就需要監(jiān)聽，在created方法里寫
復(fù)制代碼
export default {
created(){
Vue.$on('add',this.add)
},
method:{
add(){
this.count++
}
}
}