本文目录一览：

vue2.0和3.0区别

前面的答主回答的太水了，我来总结一下二者的区别:

vue2和vue3（vue2和vue3区别面试题）vue2和vue3（vue2和vue3区别面试题）


vue3采用组合式API的函数式编程引入vue的核心api，这是vue3和vue2的不同

vue3不再要求组件必须有div根元素

生命周期不同，不再有beforeCreated和created这两个生命周期，而集成到了setup函数里面

核心特性： 响应数据类型以ref和reactive为主

对typescript类型编程风格的支持

打包工具不再局限于webpack,开发阶段可以使用vue自行开发的vite,生产打包可以使用rollup或者webpack.

vue2与vue3的区别

前面的答主回答的太水了，我来总结一下二者的区别:

vue3采用组合式API的函数式编程引入vue的核心api，这是vue3和vue2的不同

vue3不再要求组件必须有div根元素

生命周期不同，不再有beforeCreated和created这两个生命周期，而集成到了setup函数里面

核心特性： 响应数据类型以ref和reactive为主

对typescript类型编程风格的支持

打包工具不再局限于webpack,开发阶段可以使用vue自行开发的vite,生产打包可以使用rollup或者webpack.

一，通过上面可以看到vue3的新特性有：

1.速度更快

2.体积更小

（相比Vue2，Vue3整体体积变小了，除了移出一些不常用的API，再重要的是Tree shanking

任何一个函数，如ref、retived、comd等，仅仅在用到的时候才打包，没用到的模块都被摇掉，打包的整体体积变小）

3.更容易维护

4.更接近原生

5.更容易使用

二、Vue3新增特性

Vue 3 中需要关注的一些新功能包括：

framents（在 Vue3.x 中，组件现在支持有多个根）

Teleport（Teleport 是一种能够将我们的模板移动到 DOM 中 Vue app 之外的其他位置的技术，就有点像哆啦A梦的“任意门”）

comition Api

createRenderer

（1）、vue2:是一个构造函数，通过该构造函数创建一个Vue实例

（2）、Vue3:是一个对象。并通过该对象的createApp()方法，创建一个vue实例。

（1）、Vue2：可以通过el选项和$mount()方法来挂载容器。

（2）、Vue3:只能通过mount()方法来挂载容器

（1）、Vue2:data选项可以是一个对象，也可以是一个方法（由方法返回一个对象）。

（2）、Vue3:data选项只能是一个方法，由方法返回一个对象。

（1）、Vue2:后添加的属性不具备响应式。要想实现响应式只有两种方法。

(1)、 set（）方法给对象添加新的属性，确保新添加的属性同样具备响应式。

(3)、作数组后同时要具有响应式，必须要使用下面的方法：push（在数组的面添加数据）、pop（删除数组的一个数据）、unshift(在数组前面添加内容)、shift(删除数组最前面的数据)、sort(排序)、rrse（反转）、spl（截取删除）

示例：

（2）、Vue3:vue3是自动实现数据响应式。

（1）、Vue2：定义方法的时候需要写在mods里面

在Vue2中，后添加的属性是非响应式的。页面不更新。需要用get()和set()方法.

（2）、Vue3：组合式API的作用是将原来分散开来定义的数据、方法、计算属性、、组合起来定义一个完整的业务。

ref:用来定义响应式数据

页面中：

       最近接触并了解了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的区别&&Vue3的组合式API

前面的答主回答的太水了，我来总结一下二者的区别:

vue3采用组合式API的函数式编程引入vue的核心api，这是vue3和vue2的不同

vue3不再要求组件必须有div根元素

生命周期不同，不再有beforeCreated和created这两个生命周期，而集成到了setup函数里面

核心特性： 响应数据类型以ref和reactive为主

对typescript类型编程风格的支持

打包工具不再局限于webpack,开发阶段可以使用vue自行开发的vite,生产打包可以使用rollup或者webpack.

一，通过上面可以看到vue3的新特性有：

1.速度更快

2.体积更小

（相比Vue2，Vue3整体体积变小了，除了移出一些不常用的API，再重要的是Tree shanking

任何一个函数，如ref、retived、comd等，仅仅在用到的时候才打包，没用到的模块都被摇掉，打包的整体体积变小）

3.更容易维护

4.更接近原生

5.更容易使用

二、Vue3新增特性

Vue 3 中需要关注的一些新功能包括：

framents（在 Vue3.x 中，组件现在支持有多个根）

Teleport（Teleport 是一种能够将我们的模板移动到 DOM 中 Vue app 之外的其他位置的技术，就有点像哆啦A梦的“任意门”）

comition Api

createRenderer

（1）、vue2:是一个构造函数，通过该构造函数创建一个Vue实例

（2）、Vue3:是一个对象。并通过该对象的createApp()方法，创建一个vue实例。

（1）、Vue2：可以通过el选项和$mount()方法来挂载容器。

（2）、Vue3:只能通过mount()方法来挂载容器

（1）、Vue2:data选项可以是一个对象，也可以是一个方法（由方法返回一个对象）。

（2）、Vue3:data选项只能是一个方法，由方法返回一个对象。

（1）、Vue2:后添加的属性不具备响应式。要想实现响应式只有两种方法。

(1)、 set（）方法给对象添加新的属性，确保新添加的属性同样具备响应式。

(3)、作数组后同时要具有响应式，必须要使用下面的方法：push（在数组的面添加数据）、pop（删除数组的一个数据）、unshift(在数组前面添加内容)、shift(删除数组最前面的数据)、sort(排序)、rrse（反转）、spl（截取删除）

示例：

（2）、Vue3:vue3是自动实现数据响应式。

（1）、Vue2：定义方法的时候需要写在mods里面

在Vue2中，后添加的属性是非响应式的。页面不更新。需要用get()和set()方法.

（2）、Vue3：组合式API的作用是将原来分散开来定义的数据、方法、计算属性、、组合起来定义一个完整的业务。

ref:用来定义响应式数据

页面中：

vue2 与vue3的区别

前面的答主回答的太水了，我来总结一下二者的区别:

vue3采用组合式API的函数式编程引入vue的核心api，这是vue3和vue2的不同

vue3不再要求组件必须有div根元素

生命周期不同，不再有beforeCreated和created这两个生命周期，而集成到了setup函数里面

核心特性： 响应数据类型以ref和reactive为主

对typescript类型编程风格的支持

打包工具不再局限于webpack,开发阶段可以使用vue自行开发的vite,生产打包可以使用rollup或者webpack.

一，通过上面可以看到vue3的新特性有：

1.速度更快

2.体积更小

（相比Vue2，Vue3整体体积变小了，除了移出一些不常用的API，再重要的是Tree shanking

任何一个函数，如ref、retived、comd等，仅仅在用到的时候才打包，没用到的模块都被摇掉，打包的整体体积变小）

3.更容易维护

4.更接近原生

5.更容易使用

二、Vue3新增特性

Vue 3 中需要关注的一些新功能包括：

framents（在 Vue3.x 中，组件现在支持有多个根）

Teleport（Teleport 是一种能够将我们的模板移动到 DOM 中 Vue app 之外的其他位置的技术，就有点像哆啦A梦的“任意门”）

comition Api

createRenderer