這篇文章主要介紹“Vue中怎么使用異步組件”的相關(guān)知識(shí)，小編通過實(shí)際案例向大家展示操作過程，操作方法簡單快捷，實(shí)用性強(qiáng)，希望這篇“Vue中怎么使用異步組件”文章能幫助大家解決問題。

為赤峰等地區(qū)用戶提供了全套網(wǎng)頁設(shè)計(jì)制作服務(wù)，及赤峰網(wǎng)站建設(shè)行業(yè)解決方案。主營業(yè)務(wù)為成都網(wǎng)站制作、網(wǎng)站建設(shè)、外貿(mào)網(wǎng)站建設(shè)、赤峰網(wǎng)站設(shè)計(jì)，以傳統(tǒng)方式定制建設(shè)網(wǎng)站，并提供域名空間備案等一條龍服務(wù)，秉承以專業(yè)、用心的態(tài)度為用戶提供真誠的服務(wù)。我們深信只要達(dá)到每一位用戶的要求，就會(huì)得到認(rèn)可，從而選擇與我們長期合作。這樣，我們也可以走得更遠(yuǎn)！

1、前置要求

建議使用webpack；

Browserify在默認(rèn)情況下不支持；

2、用法解釋

首先上官網(wǎng)說明：異步組件

雖然說明是沒問題的，但是示例中的寫法怪怪的，不符合一般新手學(xué)習(xí)者在實(shí)際使用中的習(xí)慣。

嗯，換句話說，這段代碼告訴你，通過這種方式引入異步組件，然后他漏掉了一些內(nèi)容，比如說賦值，如何使用之類。

【1】官方示例代碼：

Vue.component('async-webpack-example', function (resolve) {
 // 這個(gè)特殊的 require 語法告訴 webpack
 // 自動(dòng)將編譯后的代碼分割成不同的塊，
 // 這些塊將通過 Ajax 請(qǐng)求自動(dòng)下載。
 require(['./my-async-component'], resolve)
})

【2】官方示例代碼的實(shí)際使用方法：

你如果是一個(gè)新手，看上去就懵逼了

假如你寫一個(gè)test.vue文件，在

【3】更簡單的異步組件的使用方法

上面代碼還是太麻煩了，要引入Vue實(shí)例先，然后引入組件，然后才能使用。

教練，有木有更簡單的？有~

只需要把原有的searchSearch: searchSearch改為一個(gè)函數(shù)，然后在函數(shù)里異步引入就行。

關(guān)于“Vue中怎么使用異步組件”的內(nèi)容就介紹到這里了，感謝大家的閱讀。如果想了解更多行業(yè)相關(guān)的知識(shí)，可以關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道，小編每天都會(huì)為大家更新不同的知識(shí)點(diǎn)。