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>
vue
本作品采用《CC 协议》,转载必须注明作者和本文链接
讨论数量: 1

支持一下,码字不容易 :+1:

4周前 评论
HuDu (楼主) 4周前

请勿发布不友善或者负能量的内容。与人为善,比聪明更重要!