MVVM框架了解

1.库和框架区别

• 1.库（Library）：本质上是一些函数的集合。每次调用函数，实现一个特定的功能。

  • 例如：axios、moment

  • 使用库的时候，把库当成工具使用，调用函数即可

• 2.框架（Framework）：由很多个库组成的一套完整的解决方案

  • 例如： vue、react

• 3.库和框架区别

  • 如果说库是一台电脑的某一个零部件，比如显卡、显示器。那么框架就是一整台组装好的电脑。

  • 使用库的时候会更加的自由，但是使用框架的话就需要按照框架的规则写代码，限制非常多但是同时框架的功能也更加的强大，可以极大的提升开发效率

  • 一个最直接的例子就是： axios库和moment库你的项目可以都用也可以都不用，但是vue框架和react框架你的项目只能选一个。 使用了vue框架就不能使用react框架。

---

2.vue是MVVM设计模式的框架

• MVVM设计模式：一种软件架构模式，决定了写代码的方式。

  • M：model数据模型(ajax获取到的数据)

  • V：view视图（页面）

  • VM：ViewModel 视图模型(vue实例)

• MVVM通过数据双向绑定让数据自动地双向同步 不在需要操作DOM

  

   

• 1. 在vue中，不推荐直接手动操作DOM
• 2. 在vue中，通过数据驱动视图，不要在想着怎么操作DOM，而是想着如何操作数据