setup语法糖和传统setup函数有啥区别？

很多刚接触Vue3的同学，一看到setup语法糖就犯嘀咕：它和原来的写法差别咋这么大？到底该不该学？学会了能省多少事儿？这篇文章用问答的方式，把setup语法糖的优势、核心用法、新手最容易卡壳的地方全拆明白，帮你从“看代码发懵”变成“写代码顺手”。

先得搞清楚，setup语法糖是Vue3对setup函数的“语法升级”，早年Vue3刚出Composition API时，得写这样的代码：

export default {
  setup() {
    const count = ref(0)
    function increment() { count.value++ }
    return { count, increment } // 必须return才能在模板用
  }
}

而用setup语法糖（注意要开启语法糖支持，比如在