Com o lançamento do Vue 3.5, o Vue tem mais suporte para elementos personalizados. Esse repositório deveria ter concluído sua missão (uma solução de transição antes que a Vue suporta mais recursos para elementos personalizados), portanto esse repositório não deve suportar 3.5. Eu recomendo que você atualize para o Vue 3.5.x para atender às suas necessidades de elementos personalizados.
Um plug-in Vue que estende os recursos de elemento personalizado da Vue (modelo V, estilo filho)
Inglês | 中文
Dicas: Este plug -in injetará o código de implementação no tempo de execução do VUE, que é o que eu tenho para lhe dizer. Se você tiver algum problema, envie um problema
npm i unplugin-vue-ce -Dou
yarn add unplugin-vue-ce-Dou
pnpm add unplugin-vue-ce -DDicas: você precisa ativar a opção
customElementde@vitejs/plugin-vue
// vite.config.ts
import { defineConfig } from 'vite'
import { viteVueCE } from 'unplugin-vue-ce'
import vue from '@vitejs/plugin-vue'
import type { PluginOption } from 'vite'
export default defineConfig ( {
plugins : [
vue ( ) ,
viteVueCE ( ) as PluginOption ,
] ,
} ) // rollup.config.js
import { rollupVueCE } from '@nplugin-vue-ce'
export default {
plugins : [
rollupVueCE ( ) ,
] ,
} // webpack.config.js
module . exports = {
/* ... */
plugins : [
require ( 'unplugin-vue-ce' ) . webpackVueCE ( ) ,
] ,
} // vue.config.js
module . exports = {
configureWebpack : {
plugins : [
require ( 'unplugin-vue-ce' ) . webpackVueCE ( { } ) ,
] ,
} ,
} // esbuild.config.js
import { build } from 'esbuild'
import { esbuildVueCE } from 'unplugin-vue-ce'
build ( {
plugins : [ esbuildVueCE ( ) ] ,
} ) Veja mais detalhes @unplugin-vue-c/v-model
Veja mais detalhes @unplugin-vue-c/sub-estilo
Veja mais detalhes @unplugin-vue-c/CE-App