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

資訊專(zhuān)欄INFORMATION COLUMN

理順8個(gè)版本vue的區(qū)別

jzman / 1906人閱讀

摘要：理順個(gè)版本的區(qū)別一共個(gè)版本的一共個(gè)版本都是用在什么情況下的默認(rèn)會(huì)用的哪個(gè)版本里用的哪個(gè)版本如何指定使用哪個(gè)版本的不急從個(gè)維度去理解這個(gè)版本。

理順8個(gè)版本vue的區(qū)別 一共8個(gè)版本的vue

一共8個(gè)vue版本,都是用在什么情況下的?

默認(rèn)會(huì)用的哪個(gè)vue版本,vue-cli里用的哪個(gè)版本?

如何指定使用哪個(gè)版本的vue?

不急,從2個(gè)維度去理解這8個(gè)版本。

根據(jù)是否需要編譯器分為: 運(yùn)行時(shí)版本 和 完整版

根據(jù)這個(gè)vue代碼用在什么地方: 分為UMD / CommonJS / ES Module

【運(yùn)行時(shí)版本】和【完整版】的區(qū)別: 用不用編譯? 
完整版: 包括編譯器和運(yùn)行時(shí)的版本
編譯器: vue里用的語(yǔ)法是需要被編譯的
運(yùn)行時(shí): 用來(lái)創(chuàng)建Vue實(shí)例、渲染、處理虛擬Dom,可以理解為除了編譯器剩下的代碼都屬于運(yùn)行時(shí)

如果你需要使用template的語(yǔ)法,就需要編譯器,那么就要使用完整版

用了.vue文件的大多數(shù)情況下,你可以用運(yùn)行時(shí)版本

當(dāng)你使用vue-loader或vueify的時(shí)候, *.vue文件內(nèi)部會(huì)預(yù)編譯成JS,所以你在最終打好的包里,
實(shí)際上是不需要編譯器的,所以這種情況,應(yīng)該用運(yùn)行時(shí)版本,畢竟運(yùn)行時(shí)版本的體積比完整版要小30%

如果我一定要用完整版的呢? 如何選擇版本呢?

你需要在webpack里配置alias

module.exports = {
  // ...
  resolve: {
    alias: {
      "vue$": "vue/dist/vue.esm.js" // 用 webpack 1 時(shí)需用 "vue/dist/vue.common.js"
    }
  }
}
UMD / CommonJS / ES Module 的區(qū)別: 你的vue用在什么地方?

當(dāng)你通過(guò)script標(biāo)簽來(lái)引用vue源碼時(shí),用UMD版本

當(dāng)你通過(guò)低版本的打包工具,比如webpack1,用CommonJS版本

當(dāng)你通過(guò)現(xiàn)代打包工具比如 webpack 2 或 Rollup,用ES Module版本

其他 
vue源碼會(huì)根據(jù)process.env.NODE_ENV來(lái)判斷是用生產(chǎn)還是開(kāi)發(fā)環(huán)境的代碼

webpack里可以有自帶的 new webpack.DefinePlugin()來(lái)設(shè)置process.env.NODE_ENV

類(lèi)似這樣

   new webpack.DefinePlugin({
      "process.env": env
    }),

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

轉(zhuǎn)載請(qǐng)注明本文地址：http://systransis.cn/yun/94129.html

相關(guān)文章

  • 關(guān)于vue編譯版本引入的問(wèn)題

    摘要：改為原因是，使用屬性，需要引入帶編譯器的完整版的而如果在文件里面使用這種形式，然后使用引入，則不需要完整版的，因?yàn)槭褂脮r(shí)文件會(huì)自動(dòng)預(yù)編譯成。其實(shí)官網(wǎng)中已有明確說(shuō)明對(duì)不同構(gòu)建版本的解釋其他相關(guān)文章理順個(gè)版本的區(qū)別 下班過(guò)目遇到一個(gè)錯(cuò)誤 [Vue warn]: You are using the runtime-only build of Vue where the template co...

    z2xy 評(píng)論0 收藏0

  • 從零開(kāi)始：一個(gè)正式的vue+webpack項(xiàng)目的目錄結(jié)構(gòu)是怎么形成的

    摘要：一個(gè)持續(xù)可發(fā)展，不斷加入新功能，方便后期維護(hù)的目錄結(jié)構(gòu)究竟是長(zhǎng)什么樣子的接下來(lái)閏土大叔帶你們一起手摸手學(xué)起來(lái)。 如何從零開(kāi)始一個(gè)vue+webpack前端工程工作流的搭建，首先我們先從項(xiàng)目的目錄結(jié)構(gòu)入手。一個(gè)持續(xù)可發(fā)展，不斷加入新功能，方便后期維護(hù)的目錄結(jié)構(gòu)究竟是長(zhǎng)什么樣子的？接下來(lái)閏土大叔帶你們一起手摸手學(xué)起來(lái)。 初級(jí)前端初始化目錄篇 項(xiàng)目伊始，我們肯定是先在terminal終端命令...

    liangdas 評(píng)論0 收藏0

  • 前端面試題總結(jié)（js、html、小程序、React、ES6、Vue、算法、全棧熱門(mén)視頻資源）

    摘要：并總結(jié)經(jīng)典面試題集各種算法和插件前端視頻源碼資源于一身的文檔，優(yōu)化項(xiàng)目，在瀏覽器端的層面上提升速度，幫助初中級(jí)前端工程師快速搭建項(xiàng)目。 本文是關(guān)注微信小程序的開(kāi)發(fā)和面試問(wèn)題，由基礎(chǔ)到困難循序漸進(jìn)，適合面試和開(kāi)發(fā)小程序。并總結(jié)vue React html css js 經(jīng)典面試題 集各種算法和插件、前端視頻源碼資源于一身的文檔，優(yōu)化項(xiàng)目，在瀏覽器端的層面上提升速度，幫助初中級(jí)前端工程師快...

    li21 評(píng)論0 收藏0

  • 前端面試題總結(jié)（js、html、小程序、React、ES6、Vue、算法、全棧熱門(mén)視頻資源）

    摘要：并總結(jié)經(jīng)典面試題集各種算法和插件前端視頻源碼資源于一身的文檔，優(yōu)化項(xiàng)目，在瀏覽器端的層面上提升速度，幫助初中級(jí)前端工程師快速搭建項(xiàng)目。 本文是關(guān)注微信小程序的開(kāi)發(fā)和面試問(wèn)題，由基礎(chǔ)到困難循序漸進(jìn)，適合面試和開(kāi)發(fā)小程序。并總結(jié)vue React html css js 經(jīng)典面試題 集各種算法和插件、前端視頻源碼資源于一身的文檔，優(yōu)化項(xiàng)目，在瀏覽器端的層面上提升速度，幫助初中級(jí)前端工程師快...

    AaronYuan 評(píng)論0 收藏0

發(fā)表評(píng)論

0條評(píng)論

最新活動(dòng)
閱讀需要支付1元查看
<