Vue 基础概念
前端最主要的几方面
逻辑
- 判断
- 循环
事件
- 浏览器事件:window document
- Dom事件:增、删、遍历,修改节点元素内容
视图
- html
- css
通信
- xhr
- Ajax
- axios
Vue
soc关注度分离原则
关注视图层:给用户看,刷新后台给的数据
网络通信:axios
页面跳转:vue-router
状态管理:vuex
Vue-ui:
Vue 是集大成者
MVVM + Dom
MVVM 模式的实现者
- Model:模型层,在这里表示JavaScript对象
- View:视图层,在这里表示DOM(HTML操作的元素)
- ViewModel:连接视图层和数据的中间件,Vue.js就是 MVVM 中的ViewModel 层的实现者
再MVVM架构中,是不允许数据和试图直接通信的,只能够通过ViewModel来通信,而ViewModel就是定义一个Observer观察者
- ViewModel能够观察懂啊数据的变化,并且对试图对应的内容进行更新
- ViewModel能够监听到视图的变化,能够通知数据发生改变
通过 cdn 引入 vue
<script src="https://cdn.jsdelivr.net/npm/vue@2.5.21/dist/vue.js"></script>
<script src="https://cdn.jsdelivr.net/npm/vue@2.5.21/dist/vue.min.js"></script>
本作品采用《CC 协议》,转载必须注明作者和本文链接
推荐文章: