vue引用組件的幾種方法總結(jié)

第一種,直接頁面引入:

<dialog-smbox v-if="smBox" :smbox="smboxMessage"></dialog-smbox>
import引入:
import Smbox from "./Smbox.vue"
模板引入:
components: {
      "dialog-smbox": Smbox,
    },

第二種,放入路由里引入:

const Header = resolve => {
    require.ensure(['components/Header.vue'], () => {
        resolve(require('components/Header.vue'));
    }, 'Home');
};
export const accountRoute =

    {
        path: '/vue/account',
        components: {
            default: Account,
        },
        children: [
            {
                path: 'accountDetail/:goodsId/:goods_source_type/:gameType',
                name:'accountDetail',
                components: {
                    default: AccountDetail,
                    'account-header': Header //這里放入組件頭部
                }

  }

第三種,放入main.js里全局引入組件:

import VueBus from 'vue-bus'
Vue.use(VueBus);
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容