扫码阅读
手机扫码阅读
一个 Java 猿眼中 Vue3 和 Vue2 的差异
26 2024-11-28
我们非常重视原创文章,为尊重知识产权并避免潜在的版权问题,我们在此提供文章的摘要供您初步了解。如果您想要查阅更为详尽的内容,访问作者的公众号页面获取完整文章。
文章来源:
江南一点雨
扫码关注公众号
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 项目配套视频。
想要了解更多内容?
文章来源:
江南一点雨
扫码关注公众号
江南一点雨的其他文章
加入社区微信群
与行业大咖零距离交流学习
软件研发质量管理体系建设
白皮书上线