成人国产在线小视频_日韩寡妇人妻调教在线播放_色成人www永久在线观看_2018国产精品久久_亚洲欧美高清在线30p_亚洲少妇综合一区_黄色在线播放国产_亚洲另类技巧小说校园_国产主播xx日韩_a级毛片在线免费

資訊專欄INFORMATION COLUMN

Vue 筆記三:Vue2.0與1.0的區(qū)別

Big_fat_cat / 1565人閱讀

摘要:升級的區(qū)別與的斷層式升級不同,延續(xù)了自己的風(fēng)格。在命名方式和上有一些區(qū)別,掌握它們是你升級整個項目的關(guān)鍵。以下內(nèi)容都是來源于個人項目的一些經(jīng)驗之談,并非系統(tǒng)性的闡述??偰夸浨岸私?jīng)驗收集器轉(zhuǎn)載自個人建了前端學(xué)習(xí)群,旨在一起學(xué)習(xí)前端。

升級的區(qū)別

與angular的斷層式升級不同,vue延續(xù)了自己的風(fēng)格。在命名方式和API上有一些區(qū)別,掌握它們是你升級整個項目的關(guān)鍵。以下內(nèi)容都是來源于個人項目的一些經(jīng)驗之談,并非系統(tǒng)性的闡述。如果需要系統(tǒng)的說明,參考官網(wǎng)。

從 Vue 1.x 遷移

從 Vue Router 0.7.x 遷移

從 Vuex 0.6.x 遷移到 1.0

命名方式的不同

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

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文件當(dāng)中必須要有一個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)驗收集器

轉(zhuǎn)載自:http://www.jianshu.com/p/3b9e...

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

文章版權(quán)歸作者所有,未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請注明本文地址:http://systransis.cn/yun/86881.html

相關(guān)文章

  • 踩坑:Vue2.01.0命名區(qū)別

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

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

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

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

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

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

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

    lily_wang 評論0 收藏0

發(fā)表評論

0條評論

Big_fat_cat

|高級講師

TA的文章

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