這篇文章主要講解了“Vue 3升級方法是什么”，文中的講解內(nèi)容簡單清晰，易于學習與理解，下面請大家跟著小編的思路慢慢深入，一起來研究和學習“Vue 3升級方法是什么”吧！

創(chuàng)新互聯(lián)一直秉承“誠信做人，踏實做事”的原則，不欺瞞客戶，是我們最起碼的底線！ 以服務(wù)為基礎(chǔ)，以質(zhì)量求生存，以技術(shù)求發(fā)展，成交一個客戶多一個朋友！為您提供成都做網(wǎng)站、網(wǎng)站建設(shè)、成都網(wǎng)頁設(shè)計、微信小程序開發(fā)、成都網(wǎng)站開發(fā)、成都網(wǎng)站制作、成都軟件開發(fā)、手機APP定制開發(fā)是成都本地專業(yè)的網(wǎng)站建設(shè)和網(wǎng)站設(shè)計公司，等你一起來見證！

Vue 3的發(fā)布指日可待，我們可以期待一個更快，更小巧，更易于維護的版本，其中包含許多令人興奮的新功能。這些通常是對現(xiàn)有API的補充和改進。

沒有什么可以阻止你使用Vue  3啟動新應(yīng)用程序的。在本文中，我將向你展示如何領(lǐng)先一步，并通過升級應(yīng)用程序來開始嘗試新API。如果你對升級后的應(yīng)用程序感興趣，請看一下我的TodoMVC應(yīng)用程序，它是用Composition  API編寫的。

TodoMVC：https://github.com/blacksonic/todomvc-vue-composition-api

使用CLI

我強烈建議對Vue項目使用正式的CLI。除了開發(fā)和部署工具外，它將升級簡化為單行命令：

vue add vue-next

Vue Next plugin不僅可以升級和安裝新的依賴項，還可以修改代碼以使其與第三版兼容。

依賴

安裝插件會將軟件包 vue、vuex、vue-router、eslint-plugin-vue 和 @vue/test-utils  升級到下一個主要版本。此外，在開發(fā)依賴項中還會出現(xiàn)一個名為 @vue/compiler-sfc  的新軟件包。到底有什么好處呢?它將新的Vue單個文件組件編譯為可運行的Javascript代碼。

代碼修改

讓我們來看看代碼中都有哪些變化。首先大家注意到的是，主Vue包中不再有默認的導出。

命名的 export createApp 創(chuàng)建一個新的Vue應(yīng)用程序，就像Vue 2中的構(gòu)造函數(shù)一樣。插件設(shè)置將使用 use  方法(而不是構(gòu)造函數(shù)的參數(shù))移至應(yīng)用程序?qū)嵗?mount 方法會丟失其美元符號，但其行為方式相同。

插件采用了工廠模式：不再使用帶有 new 關(guān)鍵字的構(gòu)造函數(shù)。無需調(diào)用新的 Vuex.Store，而是需要createStore  工廠方法。不再可能將store的默認導出作為插件傳遞。

路由插件遵循相同的模式：new VueRouter 變成調(diào)用 createRouter  ，并且必須保留全局插件設(shè)置。在新版本中，你始終必須定義歷史記錄的類型。你可以從 createWebHashHistory，createMemoryHistory  和createWebHistory 中選擇。

基本上就是這樣，可以啟動應(yīng)用程序并在新的Vue版本上運行。只需一個bash命令即可完成所有操作。其他的東西應(yīng)該都可以用舊的語法來工作，因為舊的API仍然是完整的。

大小規(guī)模

如果檢查build命令的輸出大小，你會注意到略有下降：43.75 KiB-> 40.57  KiB。這是因為將默認Vue實例保留為命名導出的結(jié)果。諸如Webpack和Rollup之類的構(gòu)建工具可以對命名的導出進行tree-shaking(刪除未使用的代碼)，但對默認的導出則不能。

如果沒有CLI

如果沒有CLI，則必須將 vue-loader 或 rollup-plugin-vue 升級到下一個主要版本，并添加 @vue/compiler-sfc  軟件包。這里不再有魔法了，你必須手動完成所有操作。你還必須手動進行代碼修改，這里沒有搜索代碼庫和更新語法的工具。

感謝各位的閱讀，以上就是“Vue 3升級方法是什么”的內(nèi)容了，經(jīng)過本文的學習后，相信大家對Vue 3升級方法是什么這一問題有了更深刻的體會，具體使用情況還需要大家實踐驗證。這里是創(chuàng)新互聯(lián)，小編將為大家推送更多相關(guān)知識點的文章，歡迎關(guān)注！

文章名稱：Vue3升級方法是什么
分享鏈接：http://chinadenli.net/article20/ppdcco.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供商城網(wǎng)站、自適應(yīng)網(wǎng)站、網(wǎng)站排名、標簽優(yōu)化、、網(wǎng)站維護

廣告

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