vue註冊公共多個元件的方法

2021-10-04 17:33:32 字數 510 閱讀 5030

檔案目錄如下:

commencomponents 資料夾下 index.js**如下:

// 一次引入終身受用

/** * require.context()引數的意義

* arg1.在**找

* arg2.是否要找子集

* arg3.以什麼為規則來找

*/const requirecomponent = require.context('./', true, /\.vue$/)

const install = (vue) => )

}// 確保是正常環境

// 在做外掛程式的情況下進行判斷

// if (typeof window !== 'undefined' && window.vue)

export default

vue公共元件批量註冊引入

乙個vue檔案就是乙個元件,有些元件在專案中經常用到,每個頁面引入太麻煩,可以新建乙個檔案批量引入註冊,這樣 好管理 新建乙個select js檔案裡面批量引入元件註冊再匯出 import searchselect from components common searchselect.vue im...

Vue元件註冊

方式一 vue.component my component name 方式二 vue.component mycomponentname 方式一 在dom中可以直接用,是有效的元素 方式二 可用在單檔案元件中 single file component 元件註冊後,可在全域性使用,並且全域性元件之...

vue元件註冊

我們會在多個頁面使用button,每個頁面寫起來很麻煩,如果想把它做成乙個公用元件,使用時直接呼叫會比較方便。現在建立了乙個元件button.vue。找到main.js檔案,然後輸入如下 import button from components button.vue vue.component m...