国产xxxx99真实实拍_久久不雅视频_高清韩国a级特黄毛片_嗯老师别我我受不了了小说

資訊專欄INFORMATION COLUMN

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

Big_fat_cat / 1556人閱讀

摘要:升級的區別與的斷層式升級不同,延續了自己的風格。在命名方式和上有一些區別,掌握它們是你升級整個項目的關鍵。以下內容都是來源于個人項目的一些經驗之談,并非系統性的闡述。總目錄前端經驗收集器轉載自個人建了前端學習群,旨在一起學習前端。

升級的區別

與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開發

轉載,請表明出處??偰夸浨岸私涷炇占?/p>

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

個人建了前端學習群,旨在一起學習前端。純凈、純粹技術討論,非前端人員勿擾!入群加我微信:iamaixiaoxiao。

文章版權歸作者所有,未經允許請勿轉載,若此文章存在違規行為,您可以聯系管理員刪除。

轉載請注明本文地址:http://specialneedsforspecialkids.com/yun/86881.html

相關文章

  • 踩坑:Vue2.01.0命名區別

    摘要:今天在中使用時,控制給了這個警告兩種解決辦法在里面添加代碼使用之前用的時候,都沒有這個警告,經查閱相關資料得知升級后才會出現這個問題,這里涉及變量命名的問題,組件的名稱最好不要和原生標簽相同。 There are only two things in Computer Sciences: cache invalidation and naming things. ---Phil Kar...

    zhkai 評論0 收藏0
  • vue1.0vue2.0區別(一)

    摘要:和區別二綁定一次已廢棄請使用綁定代碼寫法已廢棄請使用循環數組默認通過進行遍歷遍歷需加不加重復數據不綁定通過進行遍歷蘋果橘子香蕉寫法已廢棄對象和已廢棄對象數組都可以進行解構賦值必須進行定義,不然會報錯事件按鈕香蕉蘋果橘 vue1.0和vue2.0區別(二) 綁定一次 {{*msg}} {{msg}} vue2.0已廢棄 請使用v-once 綁定html代碼 {{{msg}}}{{{msg...

    chanthuang 評論0 收藏0
  • 前方來報,八月最新資訊--關于vue2&3最佳文章推薦

    摘要:哪吒別人的看法都是狗屁,你是誰只有你自己說了才算,這是爹教我的道理。哪吒去他個鳥命我命由我,不由天是魔是仙,我自己決定哪吒白白搭上一條人命,你傻不傻敖丙不傻誰和你做朋友太乙真人人是否能夠改變命運,我不曉得。我只曉得,不認命是哪吒的命。 showImg(https://segmentfault.com/img/bVbwiGL?w=900&h=378); 出處 查看github最新的Vue...

    izhuhaodev 評論0 收藏0
  • 2017年2月份前端資源分享

    平日學習接觸過的網站積累,以每月的形式發布。2017年以前看這個網址:http://www.kancloud.cn/jsfron... 1. Javascript 前端生成好看的二維碼 十大經典排序算法(帶動圖演示) 為什么知乎前端圈普遍認為H5游戲和H5展示的JSer 個人整理和封裝的YU.js庫|中文詳細注釋|供新手學習使用 擴展JavaScript語法記錄 - 掉坑初期工具 漢字拼音轉換...

    lily_wang 評論0 收藏0

發表評論

0條評論

Big_fat_cat

|高級講師

TA的文章

閱讀更多
最新活動
閱讀需要支付1元查看
<