理順8個版本vue的區別

jzman 發布于2019-08-22 16:12 / 1902人閱讀

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

理順8個版本vue的區別 一共8個版本的vue

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

默認會用的哪個vue版本,vue-cli里用的哪個版本?

如何指定使用哪個版本的vue?

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

根據是否需要編譯器分為: 運行時版本和完整版

根據這個vue代碼用在什么地方: 分為UMD / CommonJS / ES Module

【運行時版本】和【完整版】的區別: 用不用編譯?

完整版: 包括編譯器和運行時的版本
編譯器: vue里用的語法是需要被編譯的
運行時: 用來創建Vue實例、渲染、處理虛擬Dom,可以理解為除了編譯器剩下的代碼都屬于運行時

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

用了.vue文件的大多數情況下,你可以用運行時版本

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

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

你需要在webpack里配置alias

module.exports = {
  // ...
  resolve: {
    alias: {
      "vue$": "vue/dist/vue.esm.js" // 用 webpack 1 時需用 "vue/dist/vue.common.js"
    }
  }
}

UMD / CommonJS / ES Module 的區別: 你的vue用在什么地方?

當你通過script標簽來引用vue源碼時,用UMD版本

當你通過低版本的打包工具,比如webpack1,用CommonJS版本

當你通過現代打包工具比如 webpack 2 或 Rollup,用ES Module版本

其他

vue源碼會根據process.env.NODE_ENV來判斷是用生產還是開發環境的代碼

webpack里可以有自帶的 new webpack.DefinePlugin()來設置process.env.NODE_ENV

類似這樣

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

云服務器 GPU云服務器致命的8個問題 js輸出8個不同的數支持8個gpu的服務器 XIU主題8.2版本

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

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

關于vue編譯版本引入的問題

摘要：改為原因是，使用屬性，需要引入帶編譯器的完整版的而如果在文件里面使用這種形式，然后使用引入，則不需要完整版的，因為使用時文件會自動預編譯成。其實官網中已有明確說明對不同構建版本的解釋其他相關文章理順個版本的區別下班過目遇到一個錯誤 [Vue warn]: You are using the runtime-only build of Vue where the template co...

z2xy 2019-08-23 12:01 評論0 收藏0
從零開始：一個正式的vue+webpack項目的目錄結構是怎么形成的

摘要：一個持續可發展，不斷加入新功能，方便后期維護的目錄結構究竟是長什么樣子的接下來閏土大叔帶你們一起手摸手學起來。如何從零開始一個vue+webpack前端工程工作流的搭建，首先我們先從項目的目錄結構入手。一個持續可發展，不斷加入新功能，方便后期維護的目錄結構究竟是長什么樣子的？接下來閏土大叔帶你們一起手摸手學起來。初級前端初始化目錄篇項目伊始，我們肯定是先在terminal終端命令...

liangdas 2019-08-22 16:14 評論0 收藏0
前端面試題總結（js、html、小程序、React、ES6、Vue、算法、全棧熱門視頻資源）

摘要：并總結經典面試題集各種算法和插件前端視頻源碼資源于一身的文檔，優化項目，在瀏覽器端的層面上提升速度，幫助初中級前端工程師快速搭建項目。本文是關注微信小程序的開發和面試問題，由基礎到困難循序漸進，適合面試和開發小程序。并總結vue React html css js 經典面試題集各種算法和插件、前端視頻源碼資源于一身的文檔，優化項目，在瀏覽器端的層面上提升速度，幫助初中級前端工程師快...

li21 2019-08-23 17:11 評論0 收藏0
前端面試題總結（js、html、小程序、React、ES6、Vue、算法、全棧熱門視頻資源）

摘要：并總結經典面試題集各種算法和插件前端視頻源碼資源于一身的文檔，優化項目，在瀏覽器端的層面上提升速度，幫助初中級前端工程師快速搭建項目。本文是關注微信小程序的開發和面試問題，由基礎到困難循序漸進，適合面試和開發小程序。并總結vue React html css js 經典面試題集各種算法和插件、前端視頻源碼資源于一身的文檔，優化項目，在瀏覽器端的層面上提升速度，幫助初中級前端工程師快...

AaronYuan 2019-07-31 10:21 評論0 收藏0