Vue3.0和Vue2.0的区别

Vue3.0和Vue2.0的区别

1. 默认进行懒观察（lazy observation）。
   在 2.x 版本里，不管数据多大，都会在一开始就为其创建观察者。当数据很大时，这可能会在页面载入时造成明显的性能压力。3.x 版本，只会对「被用于渲染初始可见部分的数据」创建观察者，而且 3.x 的观察者更高效。
2. 更精准的变更通知。
   比例来说：2.x 版本中，使用 Vue.set 来给对象新增一个属性时，这个对象的所有 watcher 都会重新运行；3.x 版本中，只有依赖那个属性的 watcher 才会重新运行。
3. 3.0 新加入了 TypeScript 以及 PWA 的支持
4. 部分命令发生了变化：
   • 下载安装 npm install -g vue@cli
   • 删除了vue list
   • 创建项目 vue create
   • 启动项目 npm run serve
5. 默认项目目录结构也发生了变化：
   • 移除了配置文件目录，config 和 build 文件夹
   • 移除了 static 文件夹，新增 public 文件夹，并且 index.html 移动到 public 中
   • 在 src 文件夹中新增了 views 文件夹，用于分类 视图组件 和 公共组件