代码拉取完成，页面将自动刷新
@ctrlc/vite-plugin-vue-setup-extend
用于
vue3在<script setup>语法时，扩展name以及inheritAttrs属性, 用于显式声明组件展示时的名称、用于控制是否启用默认的组件attribute透传行为
npm i @ctrlc/vite-plugin-vue-setup-extend -D
vueScriptExtend(Options)
| 参数 | 类型 | 默认值 | 说明 |
|---|---|---|---|
| Options.include | FilterPattern | undefined | rollup过滤模式 |
| Options.exclude | FilterPattern | undefined | rollup过滤模式 |
| Options.hasMap | boolean | true | 是否启用 magic-string map方法 优化控制台日志 |
| Options.hires | boolean | true | magic-string 配置参数 |
在vite.config.ts文件中引入插件：
...
import vue from '@vitejs/plugin-vue'
import vueScriptExtend from '@ctrlc/vite-plugin-vue-setup-extend';
export default defineConfig({
plugins: [vue(), vueScriptExtend()],
})
<template>
<div>hello world</div>
</template>
<!-- 扩展 setup模式 script属性 -->
<script lang="ts" setup name="App" inherit-attrs="false">
// code here
</script>
编译后转义为
import { defineComponent } from 'vue'
export default defineComponent({
name: "App",
inheritAttrs: false,
})
此处可能存在不合适展示的内容，页面不予展示。您可通过相关编辑功能自查并修改。
如您确认内容无涉及 不当用语 / 纯广告导流 / 暴力 / 低俗色情 / 侵权 / 盗版 / 虚假 / 无价值内容或违法国家有关法律法规的内容，可点击提交进行申诉，我们将尽快为您处理。