Vue2和Vue3的区别

vue3在2022年被提升为新的默认版本,所以我们前端开发者也将在未来更多的使用vue3来搭建以及开发项目。首先了解vue2和vue3的区别是很重要的,因为vue2中可以使用vue3的方法,但是vue3不能使用vue2。

目录

创建方式

语法差异

TypeScript

api方面

根结点

生命周期

key在template和v-if上的使用

双向数据绑定

响应式数据

全局API


创建方式

vue2

  • 最常用的脚手架是Vue CLI 2,他是基于Node.js的命令行工具。Vue CLI 2使用Webpack作为默认的打包工具,并提供了一些预配置模板选项
  • webpack是开始的入口文件,然后分析路由,然后模块,最后进行打包

vue3

  • Vue 3引入了全新的脚手架工具Vue CLI 3,它提供了更强大的插件系统,可以根据需要选择和安装插件,Vue CLI 3默认使用了Webpack 4作为打包工具,还支持更多的模块打包工具选项,如Vite
  • 先告诉你服务器准备完成,然后等你发送HTTP请求,然后是入口文件,Dynamic import(动态导入)code split point (代码分割)

语法差异

  • vue2:一个组件需要使用Vue.component方法进行注册,并使用export default导出组件对象
  • vue3:组件的导出和注册可以使用信的语法糖

你可能感兴趣的:(js,前端,前端,javascript,vue.js)