0
点赞
收藏
分享

微信扫一扫

1、vue3.0 辅助开发的工具、MVVM双向数据绑定、vue3.x与vue2.x的版本对比

老罗话编程 2022-02-13 阅读 100
vue.js

一、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等
举报

相关推荐

0 条评论