vue2与vue3的区别

       最近接触并了解了vue3，发现vue2的语法vue3能够继续使用，并没有任何影响，但是vue3还是和vue2有很大区别的

1.template标签

       我们在使用vue2的时候，template标签只能写一个元素，所以我们要用一个大的盒子把里面的元素包起来，但是vue3中却解除了这个限制，也就是说，一个template标签中可以写多个标签


2.建立数据

在vue2中，我们在写需要的数据的时候需要在export default的里面添加data并把它return出来


而在vue3中，新增了个函数setup，


vue2中的声明周期都是写在data外面的，和data同级，但是vue3的生命周期是写在setup函数里面的

3.绑定事件

vue3中的绑定事件和建立数据差不多


最后编辑于 ：
©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容

  • vue2和vue3的区别
    Vue 3 的 Template 支持多个根标签，Vue 2 不支持 Vue 3 有 createApp()，而 ...
    sweetBoy_9126阅读 30,519评论 0赞 15
  • vue2和vue3的区别
    今天看了vue2升迁vue3相关知识，这里列举一部分比较常用的不同之处 v-for数组中的ref属性的使用（这个属...
    miao8862阅读 11,244评论 1赞 6
  • Vue2和Vue3的区别
    1：vue2和vue3双向数据绑定原理发生了改变 vue2的双向数据绑定是利用ES5的一个APIObject.de...
    随笔记呀阅读 26,498评论 0赞 71
  • Vue2和Vue3的区别
    前言 版本换代需要我们花更多的时间适应学习，但升级是为了更好，让你的前端项目更快更好更紧跟前端时代。 vue2.0...
    锋叔阅读 52,819评论 0赞 22
  • Vue2和Vue3的区别
    Vue2和Vue3的区别 90%的写法完全一致，除了以下几点 Vue 3 的 Template 支持多个根标签， ...
    AaronMIE阅读 3,555评论 0赞 0