以自己的理解来说说vue这个框架

54 阅读1分钟

Vue和传统模式的区别

  • 前后端分离
  • 模块化思想、使得层次分明,易于后期维护
  • MVVM,代码耦合度不高

vue的优点

  • 轻量级框架
  • 组件化思想
  • 双向绑定数据
  • 虚拟DOM
  • 运行速度快
  • 视图、数据、结构分离

MVVM框架

  • 是一种软件架构模式,是mvm的升级版
  • Model:模型层、数据层的域模型、主要用于抽出VM中的视图model
  • View:视图层、用于数据绑定的声明、指令绑定的声明、和时间绑定的声明
  • ViewModel:数据驱动数据驱动,把V层的数据暴露、并对数据绑定的声明、指令声明、时间绑定声明负责。
  • 优点
  1. 分离视图、模型,降低代码耦合度,提高代码复用性。方便开发于维护。

vue的两个核心功能

  • 数据驱动:ViewModel保证数据和视图的一致性
  • 组件系统:应用类UI可以看作是组件树构成

Vue常用修饰符

  • .stop防止事件冒泡
  • .prevent:防止执行预设行为
  • capture 事件捕获有外到内,正好与冒泡事件的方向相反
  • .self 只会触发自己范围内的事件,不包含子元素
  • .once 只触发一次