Vue3与Vue2的区别

现状:

vue-next 2020年09月18日，正式发布vue3.0版本

主流的组件库已经开始支持了Vue3.0版本,其他的生态也会不断完善

• element-plus 基于 Vue 3.0 的桌面端组件库

• vant vant3.0版本，有赞前端团队开源移动端组件库

• ant-design-vue Ant Design Vue 2.0版本，社区根据蚂蚁 ant design 开发

 Vue3的优点:

• 是目前最火的框架之一,官方文档，中文文档

• 性能提升,运行的速度是Vue2.x的1.5倍左右

• 体积更小,按需编译体积比vue2.x更小

• 类型推断,更好的支持Ts(TypeScript)

• 高级给与,暴露了更底层的ＡＰＩ和更先进的内置的组件

• 实现了从选型ＡＰＩ－－－＞组合ＡＰＩ的转变，能够更好的组织编译，封装逻辑，复用逻辑

 与Vue2中的项目代码不同的地方:

main.js中:

 router.js中

store.js中

3.Vue2中必须有跟节点div,Vue3中不需要

什么是选项ＡＰＩ与组合ＡＰＩ

Vue2中的选项api:

export default{

name:"",

props:[],

data(){},

created(){}, // 生命周期系列的

methods:{},

components:{},

directives:{},

filters:{},


}

优点:易于学习和使用,写代码的位置已经定义好

缺点:代码组织性差,相似的代码逻辑不好复用,代码多了不好阅读

组合Api的好处:是按照功能为单位组织代码结构,能够有利于代码的重用