自以为学完vue3之后，练手的时候发现还有setup函数这么一回事，现在对vue3项目中script节点的写法有点疑惑
1.使用export default的方法，加一个setup()节点，这种方法会比较习惯，但是不知道怎么调用router，而且其他节点不能调用setup中的内容，感觉这种写法有点多余
2.使用script setup的写法，这种写法用着还是没太大问题，但是和以前vue2里的写法完全不一样了，用这种写法很多内容还得重新学习，而且查到很多vue3文章都没有用这种写法
现在在vue3项目中常用哪种写法？主要怕用了不常用的写法之后别人看不明白自己的代码
要使用vue3的话 主要还是使用script setup吧， vue3特点就是组合式api， vue2的内容基本在vue3的setup 中可以以组合式api的方式引入，如果有使用过react的话，script setup用起来应该更舒服，
我用的是 script setup
Vue 3 中的 setup 是一个新的生命周期函数，它可以用来代替组件中的 data 和一些生命周期函数（如 created 和 beforeMount）。
使用 setup 时，可以通过传入的参数获取组件的上下文信息，并返回一个对象，其中包含组件中需要使用的数据和方法。这样就可以在组件中使用这些数据和方法了。
下面是一个简单的示例：
<template>
<div>
<p>{{ count }}</p>
<button @click="increment">Increment</button>
<p>{{ double }}</p>
</div>
</template>
需要注意的是，使用 setup 时不能使用箭头函数，否则会导致 this 的指向错误。
总之，使用 setup 可以让我们在组件中更方便地管理数据和生命周期函数，同时还可以提高代码的可读性和可维护性。