学习15:说说你对Vue的理解

2,059 阅读2分钟

说说你对Vue的理解

这里是kncokkey,这是我坚持更新的第六天

1 vue是什么(总)

vue是一个轻量的渐进式的JavaScript框架。 以前实现功能是操作DOM,Vue实现功能是去操作数据的。 特性:

  1. 采用了MVVM(Model-View-ViewModel)的软件架构设计模式
  2. 可以用指令
  3. 轻量
    • 体积小, 不依赖其他基础库
  4. 插件化
    • Vue的核心不包含Router,Ajax表单验证, 但可以方便地加载对应的插件

2 vue的核心特性(分)

2.1 数据驱动(MVVM) -> mvvm实现了前后端更好的分离(前端需要的数据只需要请求后端的接口即可)

  • Model:模型层,负责处理业务逻辑(增删改查)以及和服务器端进行交互

  • View:视图层:负责将数据模型转化为UI展示出来,可以简单的理解为HTML页面。

  • ViewModel:视图模型层,用来连接Model和View,是Model和View之间的通信桥梁

MVVM是将“数据模型数据双向绑定”的思想作为核心,因此在View和Model之间没有联系,通过ViewModel进行交互,而且Model和ViewModel之间的交互是双向的,因此视图的数据的变化会同时修改数据源,而数据源数据的变化也会立即反应到View上。

特点:

  • View的变化会自动更新到viewModel;
  • viewModel的变化也会自动同步到view上显示;
  • 这种同步是因为viewModel中的属性实现了observer(观察者)
  • 当属性变更都能触发对应的操作;

2.2 组件化

  • Vue中每一个.vue文件都可以视为一个组件 优点:
  • 降低了耦合度。
  • 调试更加方便,因为每个组件职责单一,可以快速定位谁出了问题。
  • 提高可维护性。每个组件职责单一,并且组件在系统中可以复用,对组件进行优化可获得系统的整体升级

2.3 指令系统

  • 条件渲染指令 v-if
  • 列表渲染指令v-for
  • 属性绑定指令v-bind
  • 事件绑定指令v-on
  • 双向数据绑定指令v-model