Vue和传统模式的区别
- 前后端分离
- 模块化思想、使得层次分明,易于后期维护
- MVVM,代码耦合度不高
vue的优点
- 轻量级框架
- 组件化思想
- 双向绑定数据
- 虚拟DOM
- 运行速度快
- 视图、数据、结构分离
MVVM框架
- 是一种软件架构模式,是mvm的升级版
- Model:模型层、数据层的域模型、主要用于抽出VM中的视图model
- View:视图层、用于数据绑定的声明、指令绑定的声明、和时间绑定的声明
- ViewModel:数据驱动数据驱动,把V层的数据暴露、并对数据绑定的声明、指令声明、时间绑定声明负责。
- 优点
- 分离视图、模型,降低代码耦合度,提高代码复用性。方便开发于维护。
vue的两个核心功能
- 数据驱动:ViewModel保证数据和视图的一致性
- 组件系统:应用类UI可以看作是组件树构成
Vue常用修饰符
- .stop防止事件冒泡
- .prevent:防止执行预设行为
- capture 事件捕获有外到内,正好与冒泡事件的方向相反
- .self 只会触发自己范围内的事件,不包含子元素
- .once 只触发一次