最近在学习Vue3的过程中，一创建项目就报错，翻来覆去网上也没有任何解释（可能是我的关键字搜错了），总之给最近学习vue3的小伙伴们提个醒，也方便大家入门vue3，新建vue3项目。为什么app.vue一新建就报错？这里报错是因为vetur插件不兼容Vue3的语法。只需禁用vetur，然后安装vue3插件——例如，用volar重启vscode。但是写的时候也会遇到错误，写export的时候会报错。为什么是这样？vue3不是用export里的setup写组合API吗？这是因为Vue3.2版本中提供了setup这个语法糖，只要删掉就可以正常写了。仔细看两张图的区别（import是补充是的，但报错问题不是import）但是setup给我们提供了什么？当我们需要引入一个组件时，不仅需要在文件头显式导入，还需要在components字段添加声明。不仅如此，如果setup中声明的变量需要被模板使用，则需要在setup结束时显式返回。如果你的组件模板没有使用很多变量，那么这种情况勉强可以接受。但是当变量和方法逐渐变多的时候，每次setup完就返回，无疑是一件很无聊的事情。在重构代码的时候，你也会面临很大的挑战。为了解决这个问题，vue3增加了一个脚本设置语法糖提案。因此，添加setup后，可以不再关注export和setup的返回，也不需要关注子组件的注册。setup的详细介绍，博客园里有一篇写的很好的文章https://www.cnblogs.com/bingc...
