赞
踩
在父组件中引入子组件时,报错:Module '"/xxxx/xxx/xxx/xx/Child.vue"' has no default export
在子组件中没有用export 将子组件暴露出去
在子组件中添加如下代码:
- <script lang="ts">
- export default {
- name: "Child",
- }
对于vue3项目来说,有两个script标签,一个是专门配置组合式API的,一个是专门配置组件名字的。
这种做法还需要编写一个不写setup
的script
标签,去指定组件名字,比较麻烦。此时可以借助vite
中的插件简化。
做法如下:
它是一个开发依赖,所以加上-D
- import { defineConfig } from 'vite'
- import VueSetupExtend from 'vite-plugin-vue-setup-extend'
-
- export default defineConfig({
- plugins: [ VueSetupExtend() ]
- })
注意点:
010setup语法糖:6分20秒的位置开始
Copyright © 2003-2013 www.wpsshop.cn 版权所有,并保留所有权利。