vue3 同名变量优先级

在 Vue3 中，同名变量的优先级如下：

1. 局部变量优先级最高，即在组件中使用 let 或 const 声明的变量优先级最高，会覆盖同名的 data、props、computed 等属性。

2. 组件属性（props）和数据（data）的优先级相同，但是 props 的值只能通过父组件传递进来，而 data 的值只能在组件内部修改。

3. 计算属性（computed）和方法（methods）的优先级相同，但是 computed 的值会缓存，只有当依赖的数据发生改变时才会重新计算，而方法则每次调用都会执行。

4. Vue3 中新增了一个选项 setup，setup 中定义的变量会优先于 data、props、computed 和 methods，即 setup 中定义的变量优先级最高。

综上所述，同名变量的优先级顺序为：setup > 局部变量 > props/data > computed/methods。