vue3组合api开发方式,想将props 内容独立放到一个js文件中,但是在import后获取不到
问题相关代码
//props.js
import { defineProps } from 'vue'
const props = defineProps({
apiData: {
type: Array,
default: () => {
return []
}
}
})
export default props
//index.vue
<template></template>
<script setup>
import props from './props'
//按钮的点击事件
const handleTest = ()=> {
console.log(props.apiData) //这里会报错:Cannot read properties of null (reading 'apiData')
}
</script>
我想要达到的结果
将props, emits 可以独立放到一个js文件中,在xx.vue内import进来,不然xx.vue内的代码会非常多