最近正在使用Vue3+Ts+Pinia重构后台管理项目,在写到路由缓存时,发现怎么都缓存不了,后来才找到了原因:
Vue3中的setup语法糖中的name命名无效
即:如果你是按如下写组件的name,是不起作用的
<script name="One1" lang="ts" setup>
</script>
解决方法有两种
1)手动写一个script标签,然后默认暴露名称
<script lang="ts">
export default {
name:'One1'
}
</script>
<script lang="ts" setup>
</script>
2)使用vite-plugin-vue-setup-name-support插件,这个插件是用来解决vue3 setup
语法糖中无法给组件命名的缺陷
插件地址:vbenjs/vite-plugin-vue-setup-extend - Vite 中文文档 (viterc.cn)https://www.viterc.cn/en/vite-plugin-vue-setup-extend.html