Vite 中文文档

vite-plugin-vue-setup-name-support


Make the vue script setup syntax support the name attribute

Install (yarn or npm)


node version:>=12.0.0

vite version:>=2.0.0

  1. ``` shell
  2. yarn add vite-plugin-vue-setup-extend -D
  3. ```

or

  1. ``` shell
  2. npm i vite-plugin-vue-setup-extend -D
  3. ```

Usage


Config plugin in vite.config.ts. In this way, the required functions can be introduced as needed

  1. ``` ts
  2. import { defineConfig, Plugin } from 'vite'
  3. import vue from '@vitejs/plugin-vue'
  4. import vueSetupExtend from 'vite-plugin-vue-setup-extend'

  6. export default defineConfig({
  7.   plugins: [vue(), vueSetupExtend()],
  8. })
  9. ```

SFC

  1. ``` html
  2. <template>
  3.   <div>hello world {{ a }}</div>
  4. </template>
  6. <script lang="ts" setup name="App">
  7.   const a = 1
  8. </script>
  9. ```

Sample project


Vben Admin

License


MIT