一、vue3.0 辅助开发的工具
- npm 全局包,一键生成工程化的vue项目(SPA单页面应用)
- vue-cli:基于webpack、大而全、运行速度较慢,用在企业级开发中;
- vite:不基于webpack、小而巧、运行速度快,还在逐渐完善,目前企业级开发中不建议使用,自己学习时可用。
- - vue-tools 浏览器插件,是用来辅助调试的工具
- vetur vscode插件,用于提高语法高亮和智能提示
2、双向数据绑定
MVVM是vue实现数据驱动视图和双向数据绑定的核心原理。
它把每个html页面都拆分成三部分,如下:
- View:表示当前页面所渲染的DOM结构
- Model:表示当前页面渲染时所依赖的数据源
- ViewModel表示vue实例,它是MVVM的核心
- ViewModel监听View视图中DOM的变化,自动同步给model数据源(data中的数据)
- ViewModel监听数据源的变化,自动更新视图
vue3.x与vue2.x的版本对比
vue2.x 中绝大多数API与特性,在vue3.x中同样支持。同时3.x中还新增了一些功能、废弃了2.x中的一些功能。
vue3.x新增功能:
组合式API (setup)、支持多个根节点、更好的支持Typescript等
废弃功能:
过滤器、$on 、 $off 、 $once等