Vue3 新特性概览

松哥正在录制 TienChin 项目视频，采用 Spring Boot+Vue3 技术栈，并准备分享 Vue3 的新特性。

1. script 写法

Vue3 的 .vue 文件中，script 标签的写法发生了变化，最大的区别是 export default 中只保留 name 和 setup。setup 函数中定义的所有方法和生命周期函数都需要返回，以便在 template 中使用。

2. 生命周期

Vue3 引入了 composition API，替代了 Vue2 中的 options API。生命周期函数需要从 vue 导出并传入回调函数使用。

3. 计算属性和监控

计算属性和 watch 监听的写法与生命周期函数类似，都需从 vue 导出后使用。

4. ref 与 reactive

Vue3 中定义响应式数据通过 ref 和 reactive 实现。ref 用于原始数据类型，reactive 用于定义对象。注意使用展开数据时，响应式可能会失效，这时候需要使用 toRefs 来处理。

5. 小结

共享了 Vue3 中几个新鲜的玩法作为 TienChin 项目的基础。更多 Vue3 与 Vue2 的差异将在项目视频中详细分享。

更多内容和项目实战，可以查看松哥的 TienChin 项目配套视频。