一、vue3.0 辅助开发的工具

1. npm 全局包，一键生成工程化的vue项目（SPA单页面应用）
   - vue-cli：基于webpack、大而全、运行速度较慢，用在企业级开发中；
   - vite：不基于webpack、小而巧、运行速度快，还在逐渐完善，目前企业级开发中不建议使用，自己学习时可用。
   -
2. vue-tools 浏览器插件，是用来辅助调试的工具
3. vetur vscode插件，用于提高语法高亮和智能提示

2、双向数据绑定

MVVM是vue实现数据驱动视图和双向数据绑定的核心原理。
它把每个html页面都拆分成三部分，如下：

• View：表示当前页面所渲染的DOM结构
• Model：表示当前页面渲染时所依赖的数据源
• ViewModel表示vue实例，它是MVVM的核心

1. ViewModel监听View视图中DOM的变化，自动同步给model数据源（data中的数据）
2. ViewModel监听数据源的变化，自动更新视图

vue3.x与vue2.x的版本对比

vue2.x 中绝大多数API与特性，在vue3.x中同样支持。同时3.x中还新增了一些功能、废弃了2.x中的一些功能。

vue3.x新增功能：

组合式API （setup）、支持多个根节点、更好的支持Typescript等

废弃功能：

过滤器、$on 、  $off  、 $once等