Vue 筆記三：Vue2.0與1.0的區別

升級的區別

與angular的斷層式升級不一樣，vue延續了本身的風格。在命名方式和API上有一些區別，掌握它們是你升級整個項目的關鍵。如下內容都是來源於我的項目的一些經驗之談，並不是系統性的闡述。若是須要系統的說明，參考官網。

• 從 Vue 1.x 遷移

• 從 Vue Router 0.7.x 遷移

• 從 Vuex 0.6.x 遷移到 1.0

命名方式的不一樣

參考聊聊 Vue 組件命名那些事，Vue的關鍵字有所變化。一方面，你要注意大小寫。另外一方面，你要控件命名的過程當中避免關鍵字，參考[[Vue warn]: Do not use built-in or reserved HTML elements as component id: text](https://github.com/sebastian-...，在1.0中並不會出現這樣子的問題。

API的變化

• [[譯] Vue 2.0 的變化（一）之基本 API 變化](https://segmentfault.com/a/11...

• [[譯] Vue 2.0 的變化（二）之其餘重大更改](https://segmentfault.com/a/11...

  詳情參考英文原文[vue 2.0 Changes](https://github.com/vuejs/vue/issues/2873)。

render格式的必需性

在2.0中，每一個vue文件當中必需要有一個template。而1.0能夠不須要。

Vue2.0構建工具

如下兩個項目都支持Vue1.0和2.0。

vue cli

官方尤大出品，使用vue cli建立項目，有五種模板知足你的需求，分別是：

• 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項目

使用方法

其中建立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開發

轉載，請代表出處。總目錄前端經驗收集器

轉載自：http://www.jianshu.com/p/3b9e...

我的建了前端學習羣，旨在一塊兒學習前端。純淨、純粹技術討論，非前端人員勿擾！入羣加我微信：iamaixiaoxiao。