【vue】有使用过vue吗？说说你对vue的理解(001)

[kankan-web]

【vue】有使用过vue吗？说说你对vue的理解

[kankan-web]

vue是一款渐进式前端开发框架。基于标准的HTML、CSS和Javascript构建，并提供了一套声明式的、组件化的编程模型，帮助你更高效地开发页面。 特点：

1. 基于MVVM软件架构
2. 实现数据驱动页面
3. 使用响应式数据来处理数据变化
4. 在vue2中引入了虚拟DOM的概念
5. 使用template来进行模板书写

[kankan-web]

什么是MVVM软件架构？ MVVM分别是Model、view、ViewModel

• Model：代表数据模型，数据和业务逻辑都在Model层中定义
• View：代表UI视图，负责数据的展示
• ViewModel：负责监听Model中的数据的改变并且控制视图的更新，处理用户交互操作。

  Model和View并无直接关联，而是通过ViewModel来进行联系的，Model和ViewModel之间有着双向数据绑定的联系。因此当Model中的数据改变时会触发View层的刷新，View中由于用户交互操作而改变的数据也会在Model中同步。

参考资料

https://learn.microsoft.com/zh-cn/dotnet/architecture/maui/mvvm

[kankan-web]

为什么Vue2需要引入虚拟DOM？ 响应式数据是通过新建Watcher来进行监听的，本身是比较耗性能。每个数据都有一个watcher，当项目较大时，对性能的影响是非常大的。 所以打算引入虚拟DOM来解决响应式数据过多带来的内存占用问题。 思路：组件间的变化，通过响应式来通知更新。组件内部的数据变化，则通过虚拟DOM去更新页面。这就吧响应式的监听器控制在了组件级别，而虚拟DOM的量级也控制在了组件的大小。