vue3报错：‘defineProps‘ is not defined，‘defineExpose‘ is not defined。

你呀1229

已于 2022-06-20 09:57:15 修改

阅读量1w

点赞数 5

文章标签： elementui javascript vue.js

于 2022-06-20 09:46:54 首次发布

本文链接：https://blog.csdn.net/weixin_56728548/article/details/125366388

版权

把defineExpose暴露的语法注释掉之后还是报错：Cannot read properties of undefined (reading '__vccOpts')

原因：语法使用错误

Vue3.0 中变量必须 return 出来，template中才能使用。

错误代码如下：

<script lang="ts">
  const showModal = (data: any, val: string) => {
  console.log("data=====",data);
  visible.value = true;
  if (data) {
    console.log("编辑=====")
    uuid.value = data.bizCode;
    getData()
    title.value = "编辑";
    formState.value = data;
  } else {
    console.log("新增=====",val)
    title.value = "新增";
    uuid.value = val
    dataSource.value= []
    formState.value = {
      title: "",
      illustrate: "",
    };
  }
};
defineExpose({ showModal });
</script>

改正：而Vue3.2语法使用语法糖需要在 script 标签上加上 setup 属性，无需 return，template 才可直接使用。


<script lang="ts" setup>
  const showModal = (data: any, val: string) => {
  console.log("data=====",data);
  visible.value = true;
  if (data) {
    console.log("编辑=====")
    uuid.value = data.bizCode;
    getData()
    title.value = "编辑";
    formState.value = data;
  } else {
    console.log("新增=====",val)
    title.value = "新增";
    uuid.value = val
    dataSource.value= []
    formState.value = {
      title: "",
      illustrate: "",
    };
  }
};
defineExpose({ showModal });
</script>