Descargar Descarga unplugin vue ce - Descargar el código fuente unplugin vue ce

unplugin vue ce

Componentes de terceros

v1.0.0

Descargar

Con el lanzamiento de VUE 3.5, VUE tiene más soporte para elementos personalizados. Este repositorio debería haber completado su misión (una solución de transición antes de que VUE admite más funciones para elementos personalizados), por lo que este repositorio no debe admitir 3.5. Le recomiendo que actualice a Vue 3.5.x para satisfacer sus necesidades de elementos personalizados.

unplugin-vue-ce

Un complemento VUE que extiende las capacidades de elementos personalizados de Vue (V-Modelo, estilo infantil)

Inglés | 中文

Característica

? Es una extensión de función de Vue
? Compatible con múltiples plataformas bundle （VITE 、 Webpack）
⛰ Soporte V-Modelo
⚡ Apoye el estilo infantil

Consejos: Este complemento inyectará el código de implementación en el tiempo de ejecución VUE, que es lo que tengo que decirle. Si tiene algún problema para usarlo, envíe un problema

Instalar

npm i unplugin-vue-ce -D

o

yarn add unplugin-vue-ce-D

o

pnpm add unplugin-vue-ce -D

Uso

Consejos: debe habilitar la opción customElement de @vitejs/plugin-vue

Vite

 // 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 ,
  ] ,
} )

Acurrucado

 // rollup.config.js
import { rollupVueCE } from '@nplugin-vue-ce'
export default {
  plugins : [
    rollupVueCE ( ) ,
  ] ,
}

Pájaro web

 // webpack.config.js
module . exports = {
  /* ... */
  plugins : [
    require ( 'unplugin-vue-ce' ) . webpackVueCE ( ) ,
  ] ,
}

Vue cli

 // vue.config.js
module . exports = {
  configureWebpack : {
    plugins : [
      require ( 'unplugin-vue-ce' ) . webpackVueCE ( { } ) ,
    ] ,
  } ,
}

ESBuild

 // esbuild.config.js
import { build } from 'esbuild'
import { esbuildVueCE } from 'unplugin-vue-ce'

build ( {
  plugins : [ esbuildVueCE ( ) ] ,
} )