Vue公共元件文件維護

2022-02-04 07:11:21 字數 595 閱讀 7263

在日常開發中，我們不可避免的維護公共元件。我翻遍全網終於找到乙個好用的 根據vue單檔案生成文件的系統。他就是我們今天的主角 vuese(鏈結指向命令列工具文件)，如果您心急可以直接跳轉到vuese官方**。加下來我將記錄下我使用vuese的一些過程，供參考。

我這邊，基本不可能只有乙個專案。所以我採用全域性安裝的方式來使用vuese的命令航工具。

npm i -g @vuese/cli


## 如果用 yarn 的話


yarn global add @vuese/cli
配置檔案放在根目錄下 檔名稱為vuese.config.js.配置說明請參考官方文件。

module.exports =
以下命令，在專案根目錄下執行

更新元件文件

vuese gen
文件檢視

vuese serve --open

vue封裝svgIcon公共元件

1 在components新建common svgicon.vue 2 在src下新建assets image icons svg用於存放.svg檔案 3 在src下新建assets image icons index.js import vue from vue import svgicon fr...

vue 全域性注入公共元件

在我們開發中有時候需要大量復用某個元件時，我們需要在某個元件都引入一遍，非常麻煩，這時候我們可以全域性注入這些元件。common 元件 div template export default script style plugins檔案下面的components.js檔案 import vue fr...

vue公共元件批量註冊引入

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