vue2和vue3区别开发环境问题？

1、Vue3的Template支持多个根标签，Vue2不支持

2、Vue3有createApp()，而Vue2的是newVue()

createApp(组件)，newVue({template,render})

3、v-model代替以前的v-model和.sync

vue3中v-model的用法要求：props属性名任意，这里假设为x，那么事件名必须为“update：x”

>

>vue2中的写法:?

>vue3中的写法:

4、context.emit

新增context.emit，与this.$emit（vue3中只能在方法里使用）作用相同

vue2 与vue3的区别

vue-cli2.0与3.0在目录结构方面，有明显的不同。

vue-cli3.0移除了配置文件目录，config 和 build 文件夹。

同时移除了 static 静态文件夹，新增了 public 文件夹，打开层级目录还会发现， index.html 移动到 public 中。

配置项，3.0 config文件已经被移除，但是多了.env.production和env.development文件，除了文件位置，实际配置起来和2.0没什么不同。

没了config文件，跨域需要配置域名时，从config/index.js 挪到了vue.config.js中，配置方法不变。

Vue3.0不论是原生的html标签还是vue组件，他们都会通过h函数来判断，如果是原生html标签，在运行时直接通过Virtual Dom来直接渲染，同样如果是组件会直接生成组件代码。

数据监听，Vue2.x大家都知道使用的是es5的object.defineproperties中getter和setter实现的，而vue3.0的版本，是基于Proxy进行监听的，其实基于proxy监听就是所谓的lazy by default。

版权声明：本文为CSDN博主「水墨-青花」的原创文章，遵循CC 4.0 BY-SA版权协议，转载请附上原文出处链接及本声明。

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

1.速度更快

2.体积更小

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

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

3.更容易维护

4.更接近原生

5.更容易使用

二、Vue3新增特性

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

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

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

composition Api

createRenderer

鹏仔微信 15129739599 鹏仔QQ344225443 鹏仔前端 pjxi.com 共享博客 sharedbk.com