vue3和vue2区别,vue可视化大屏项目

vue3和vue2区别,vue可视化大屏项目

Vue2 与vue3 最大的区别是vue2使用选项类型api(options api),对比vue3合成型api(composition api)。options api在代码里分割了不同得属性：data,computed,methods等；composition a一. 根节点不同vue2中必须要有根标签vue3中可以没有根标签，会默认将多个根标签包裹在一个fragement虚拟标签中，有利于减少内存。二. 组合式API和选项式API

Vue3中Template支持多个根标签(会默认包裹一个Fragment标签，但是不会渲染到页面),Vue2不支持【根标签】新增组件：Teleport瞬移组件、Suspense异步加载组件、lovue3和vue2路由常用功能只是写法上有些区别：vue3的beforeRouteEnter作为路由守卫的示例是因为它在setup语法糖中是无法使用的；大家都知道setup中组件实例已经

Vue2 是选项API(Options API),一个逻辑会散乱在文件不同位置(data、props、computed、watch、生命周期钩子等),导致代码的可读性变差。当需要修改某个逻辑时，需在vue3 中，v-if 优先级高于v-for; 五、语法API不同Vue2:选项式API,面向对象编程Vue3:选项式API/组合式API,面向函数编程；没有this,处处皆函数1、Options API Options API是Vue2中

vue2、vue3