一共8個版本的vue

公司主營業(yè)務：網(wǎng)站設計制作、做網(wǎng)站、移動網(wǎng)站開發(fā)等業(yè)務。幫助企業(yè)客戶真正實現(xiàn)互聯(lián)網(wǎng)宣傳，提高企業(yè)的競爭能力。創(chuàng)新互聯(lián)是一支青春激揚、勤奮敬業(yè)、活力青春激揚、勤奮敬業(yè)、活力澎湃、和諧高效的團隊。公司秉承以“開放、自由、嚴謹、自律”為核心的企業(yè)文化，感謝他們對我們的高要求，感謝他們從不同領域給我們帶來的挑戰(zhàn)，讓我們激情的團隊有機會用頭腦與智慧不斷的給客戶帶來驚喜。創(chuàng)新互聯(lián)推出鼎城免費做網(wǎng)站回饋大家。

術語

• 完整版：同時包含編譯器和運行時的版本。
• 編譯器：用來將模板字符串編譯成為 JavaScript 渲染函數(shù)的代碼。
• 運行時：用來創(chuàng)建 Vue 實例、渲染并處理虛擬 DOM 等的代碼。基本上就是除去編譯器的其它一切。
• UMD：UMD 版本可以通過 <script> 標簽直接用在瀏覽器中。jsDelivr CDN 的 https://cdn.jsdelivr.net/npm/vue 默認文件就是運行時 + 編譯器的 UMD 版本 (vue.js)。
• CommonJS：CommonJS 版本用來配合老的打包工具比如 Browserify 或 webpack 1。這些打包工具的默認文件 (pkg.main) 是只包含運行時的 CommonJS 版本 (vue.runtime.common.js)。
• ES Module：ES module 版本用來配合現(xiàn)代打包工具比如 webpack 2 或 Rollup。這些打包工具的默認文件 (pkg.module) 是只包含運行時的 ES Module 版本 (vue.runtime.esm.js)。

重點：

如果你需要在客戶端編譯模板 (比如傳入一個字符串給 template 選項，或掛載到一個元素上并以其 DOM 內(nèi)部的 HTML 作為模板)，就將需要加上編譯器

通俗來說，就是runtime版本是無法對template進行解析的

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

1. 默認會用的哪個vue版本,vue-cli里用的哪個版本?
2. 如何指定使用哪個版本的vue?

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

• 根據(jù)是否需要編譯器分為: 運行時版本 和 完整版
• 根據(jù)這個vue代碼用在什么地方: 分為UMD / CommonJS / ES Module

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

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

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

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

當你使用vue-loader或vueify的時候, *.vue文件內(nèi)部會預編譯成JS,所以你在最終打好的包里,

實際上是不需要編譯器的,所以這種情況,應該用運行時版本,畢竟運行時版本的體積比完整版要小30%

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

你需要在webpack里配置alias

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

網(wǎng)站標題：理順8個版本vue的區(qū)別(小結)-創(chuàng)新互聯(lián)
URL地址：http://chinadenli.net/article40/diieeo.html

成都網(wǎng)站建設公司_創(chuàng)新互聯(lián)，為您提供營銷型網(wǎng)站建設、網(wǎng)站制作、全網(wǎng)營銷推廣、搜索引擎優(yōu)化、移動網(wǎng)站建設、建站公司

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)