前端Vue相关知识

一、MVVM模式

• M：Model，模型，包括数据和一些操作。
• V：View，视图，页面渲染结果。
• VM：视图与模型的双向绑定。

在MVVM之前，开发人员从后端获取数据以后，要通过DOM操作Model获取数据渲染到View中，通过操作DOM从View中获取数据，同步到Model中。
VM的作用就是在于把DOM操作封装起来，开发人员不用担心Model与View之间如何连接。
当Model中有数据时，View就会同步渲染。
当View有数据时，Model就会同步改变。

二、Vue框架

Vue是MVVM模式的框架。
NPM是Node提供的模板管理工具。
nrm是一款切换镜像地址的工具。

1.路由vue-router

路由解决了单页重复渲染的问题，只需要修改中间一部分的内容即可，把页面分块了，让页面块独立开来，需要显示那一块内容，就把对应的router块调用。

2.Vuetify框架

与Vue吻合的UI框架有：

• element-ui：饿了么出品

• i-view：某公司出品

• Vuetify框架

Vuetify框架的优点：

• Vuetify几乎不需要任何CSS代码，而element-ui许多布局样式需要我们来编写
• Vuetify从底层构建起来的语义化组件。简单易学，容易记住。
• Vuetify基于Material Design（谷歌推出的多平台设计规范），更加美观，动画效果酷炫，且风格统一