Vue初识,简单记录一些Vue相关的概念。
官网: https://cn.vuejs.org/v2/guide/index.html
CDN:
书籍提供:
https://unpkg.com/vue@2.6.10/dist/vue.min.js
官网提供:
<!-- 开发环境版本,包含了有帮助的命令行警告 -->
<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
<!-- 生产环境版本,优化了尺寸和速度 -->
<script src="https://cdn.jsdelivr.net/npm/vue"></script>
特点:
Vue 让web开发变得简单,提供了现代web开发中常见的高级功能,比如:
- 解耦试图与数据
- 可复用的组件
- 前端路由
- 状态管理
- 虚拟DOM
MVVM模式:
MVVM是Model-View-ViewModel的简写。它模式是MVC—>MVP—>MVVM的进化版。
MVVM分为三个部分:分别是M(Model,模型层 ),V(View,视图层),VM(ViewModel,V与M连接的桥梁,也可以看作为控制器)
1、 M:模型层,主要负责业务数据相关;
2、 V:视图层,顾名思义,负责视图相关,细分下来就是html+css层;
3、 VM:V与M沟通的桥梁,负责监听M或者V的修改,是实现MVVM双向绑定的要点;
MVVM支持双向绑定,意思就是当M层数据进行修改时,VM层会监测到变化,并且通知V层进行相应的修改,反之修改V层则会通知M层数据进行修改,以此也实现了视图与模型层的相互解耦;