扫码阅读
手机扫码阅读

一个 Java 猿眼中 Vue3 和 Vue2 的差异

26 2024-11-28

我们非常重视原创文章,为尊重知识产权并避免潜在的版权问题,我们在此提供文章的摘要供您初步了解。如果您想要查阅更为详尽的内容,访问作者的公众号页面获取完整文章。

查看原文:一个 Java 猿眼中 Vue3 和 Vue2 的差异
文章来源:
江南一点雨
扫码关注公众号
Vue3 新特性概览

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 项目配套视频。

想要了解更多内容?

查看原文:一个 Java 猿眼中 Vue3 和 Vue2 的差异
文章来源:
江南一点雨
扫码关注公众号