unplugin vue ce

С выпуском Vue 3.5 Vue обладает большей поддержкой пользовательских элементов. Этот репозиторий должен был завершить свою миссию (переходное решение, прежде чем VUE поддерживает больше функций для пользовательских элементов), поэтому этот репозиторий не должен поддерживать 3.5. Я рекомендую вам обновить до VUE 3.5.x, чтобы удовлетворить ваши потребности в пользовательских элементах.

unplugin-vue-ce

Плагин Vue, который расширяет пользовательские возможности Vue (V-модель, детский стиль)

Английский | 中文

Особенность

• ? Это функциональное расширение Vue
• ? Совместим с несколькими комплексными платформами (Vite 、 Webpack)
• ⛰ Поддержка V-модели
• ⚡ Поддержать стиль ребенка

Советы: этот плагин введите код реализации в во время выполнения VUE, что я должен вам сказать. Если у вас есть какие -либо проблемы с использованием, пожалуйста, отправьте проблему

Установить

npm i unplugin-vue-ce -D

или

yarn add unplugin-vue-ce-D

или

pnpm add unplugin-vue-ce -D

Использование

Советы: вам нужно включить опцию customElement @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

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

Поддержка V-модели

Просмотреть больше деталей @unplugin-vue-ce/v-model

? Поддерживать стиль детских компонентов

Просмотреть больше деталей @unplugin-vue-ce/sub-yt-wy-with-

? Поддержка с использованием веб -компонента в качестве корневого компонента

Просмотреть больше деталей @unplugin-vue-ce/ce-app

Спасибо

• Vue-Web-Component-Wrapper