vue3

[chiyan-lin]

背景&目的

目前在我们项目中，使用vue2 + vue-property-decorator + cssModule组合的框架，业务以vue的组件(模块)进行组件化开发。

在活动项目中vue2可以很灵活的实现业务的逻辑，但是在大型的项目中，例如ibigboss，open-hago的后台项目中，难免会遇到页面不适合组件化，数据逻辑和视图逻辑混合组成大页面的情况，以及页面渲染性能上造成卡顿等情况。

基于vue2在大型项目上的问题，vue3的新特性在一定程度上解决了组件上数据和页面难以拆分和渲染性能的瓶颈。

新特性(vue3能带来什么)

vue3设计理念

vue3 特性

vue3�中文文档

源码学习(vue3怎么做到的)

• @vue/reactivity
• @vue/runtime-dom
• @vue/runtime-core

项目搭建(我们要怎么做)

• 环境搭建
• 活动项目使用姿势
• 后台项目使用姿势

测试(实际效果如何)

• abtest 方案

问题

• vue3 浏览器兼容性
• vue3 组件兼容性