Vue3 script标签的三种不同写法和区别

vue3内的<script>标签众所周知是用来写js/ts代码的，更新后的vue3可以不用data做数据声明，不用return做参数返回，可以使用setup，在setup内写想写的一切，但依旧需要return。但如果在script标签内写入setup就可以不用return了。

<script setup>需要写的常量、变量、事件等</script>

但有意思的是这三者中，对ref的引用和使用有一些差别和出入，往往在js代码里，进行三者的转换时会报很多关于$refs等的错误。

开始会进行百度一下，发现并没有针对性措施后就需要理解为何会出现这样的错误，但去翻阅官方文档太繁琐，所以借助AI来的最快，vscode和idea都支持免费ai插件，推荐刚入门vue的同志们在遇到一些理解或版本问题时可以去借助AI来帮助你。

在AI帮助时不要一味的复制粘贴，可以参考AI的回答解释进行理解后再自主修改。你会发现自己的进步随着问题的积累越来越快。

祝大家早日将这些该死的代码全部理解。