Vue 筆記二：Vue2.0與1.0的區(qū)別
升級的區(qū)別
與angular的斷層式升級不同昨登，vue延續(xù)了自己的風(fēng)格嗽元。在命名方式和API上有一些區(qū)別抛杨，掌握它們是你升級整個項目的關(guān)鍵遣钳。以下內(nèi)容都是來源于個人項目的一些經(jīng)驗之談彤避，并非系統(tǒng)性的闡述傅物。如果需要系統(tǒng)的說明，參考官網(wǎng)琉预。
命名方式的不同
參考聊聊 Vue 組件命名那些事董饰，Vue的關(guān)鍵字有所變化。一方面圆米，你要注意大小寫卒暂。另一方面，你要控件命名的過程中避免關(guān)鍵字娄帖，參考[Vue warn]: Do not use built-in or reserved HTML elements as component id: text也祠，在1.0中并不會出現(xiàn)這樣子的問題。
API的變化
render格式的必需性
在2.0中诈嘿，每個vue文件當中必須要有一個template堪旧。而1.0可以不需要。
Vue2.0構(gòu)建工具
以下兩個項目都支持Vue1.0和2.0奖亚。
vue cli
官方尤大出品崎场，使用vue cli創(chuàng)建項目，有五種模板滿足你的需求遂蛀，分別是：
- webpack 運用webpack打包 + 測試
- webpack-simple 運用webpack打包
- browserify 運用browserify打包 +測試
- browserify-simple 運用browserify打包
- simple - 最簡單的html文件
使用方法
其中初始化init的過程中谭跨，webpack-simple是指webpack的簡易模板，可以被替換李滴。
npm i vue-cli -g
vue init webpack-simple projectname
Cooking
餓了么出品螃宙，提供兩種模板，文檔：
- simple 單頁面Vue項目
- multiple-pages-vue 多頁面Vue項目
使用方法
其中創(chuàng)建create的過程中所坯，vue指的是單頁面的vue模板谆扎，可以被替換。
npm i cooking-cli -g
cooking create my-project vue
cd my-project && cooking watch
cooking build
Vue2.0樣例
github源碼在此芹助，記得點星:
https://github.com/brandonxiang/vue-leaflet-sync
該項目由vue 2.0開發(fā)
轉(zhuǎn)載堂湖，請表明出處。總目錄前端經(jīng)驗收集器
