vue3.0和2.0的区别，Vue-cli3.0于 8月11日正式发布，更快、更小、更易维护、更易于原生、让开发者更轻松

提示：扫一扫查出行
【扫一扫了解最新限行尾号】
复制提示

vue3.0和2.0的区别
Vue-cli3.0于 8月11日正式发布，看了下评论，兼容性不是很好，命令有不少变化，不是特别的乐观
vue3.0 的发布与 vue2.0 相比，优势主要体现在：更快、更小、更易维护、更易于原生、让开发者更轻松；
更快
1、virtual DOM 完全重写，mounting & patching 提速 100%；
2、更多编译时（compile-time）提醒以减少 runtime 开销；
3、基于 Proxy 观察者机制以满足全语言覆盖以及更好的性能；
4、放弃 Object.defineProperty ，使用更快的原生 Proxy；
5、组件实例初始化速度提高 100%;
6、提速一倍/内存使用降低一半；

更小
1、Tree-shaking 更友好；
2、新的 core runtime：~ 10kb gzipped；
===============
3.0 新加入了 TypeScript 以及 PWA 的支持
部分命令发生了变化：
下载安装 npm install -g vue@cli
删除了vue list
创建项目 vue create
启动项目 npm run serve
默认项目目录结构也发生了变化：
移除了配置文件目录，config 和 build 文件夹
移除了 static 文件夹，新增 public 文件夹，并且 index.html 移动到 public 中
在 src 文件夹中新增了 views 文件夹，用于分类视图组件和公共组件

安装
npm install -g vue@cli
创建项目文件：
vue create project //项目的名称

====================
vue2和vue3的区别
一、常用命令
vue -V 查看本地 vue 版本

二、官方文档
3.0：https://cli.vuejs.org/zh/

三、创建文件
3.0：vue create 进入工程文件夹，创建项目。
2.0：vue init webpack

四、启动项目
3.0启动npm run serve
2.0启动npm run dev

build没了、config没了、哦对了还有最重要的一点，3.0的安装项目时自动下载node-model。

在根目录下创建一个vue.config.js
module.exports = {
baseUrl: process.env.NODE_ENV === 'production' ? '/online/' : '/',
// outputDir: 在npm run build时生成文件的目录 type:string, default:'dist'
// outputDir: 'dist',
// pages:{ type:Object,Default:undfind }
devServer: {
port: 8888, // 端口号
host: 'localhost',
https: false, // https:{type:Boolean}
open: true, //配置自动启动浏览器
// proxy: 'http://localhost:4000' // 配置跨域处理,只有一个代理
proxy: {
'/api': {
target: '<url>',
ws: true,
changeOrigin: true
},
'/foo': {
target: '<other_url>'
}
}, // 配置多个代理
}
}