组合式 API 和选项式 API 核心区别是啥？

Vue3 出来后，组合式 API 成了很多团队优先选的写法，但不少同学刚接触时满脑子问号：它和原来的选项式 API 到底差在哪？写代码时咋把逻辑理顺？响应式数据稍不注意就“失效”咋整？今天咱把这些问题掰碎了聊，从基础概念到实战场景，帮你把组合式 API 吃透。

选项式 API（Vue2 常用的 data、methods、computed 那种写法）是把不同类型的逻辑**分散到不同选项**里，比如做一个“用户登录 + 信息展示”的功能，登录逻辑可能在 methods 里，用户数据存在 data 里，监听 token 变化得去 watch 里写——想看完整逻辑，得在几个选项之间跳来跳去。

组合式 API 则是把相关逻辑“扎堆”管理，用 setup 函数（或