uniapp vite+vue3 小程序端全局自动注册组件

275 阅读1分钟

众所周知uniapp在小程序端虽然可以使用easycom来进行全局组件的注册,但是在使用的时候,还是需要在页面写入组件才能使用。但是在有些场景下,比如说要使用全局的loadding,全局的提示框,在每个页面都写一段代码太过麻烦了,以下的插件就可以自动注册组件进入页面。

安装## vite-plugin-uni-imbedding

npm i vite-plugin-uni-imbedding

使用

要使用的组件,必须先通过easycom注册,之后在vite.config.js配置即可

import { defineConfig } from 'vite'
import vitePluginUniImbedding from 'vite-plugin-uni-imbedding'

export default defineConfig({
  plugins: [
    vitePluginUniImbedding({
        components:[
            "<my-test v-model='title' :title='title'></my-test>",
            "<myTest1></myTest1>"
        ]
    }),
  ],
})