说说你对Vue的理解
这里是kncokkey,这是我坚持更新的第六天
1 vue是什么(总)
vue是一个轻量的渐进式的JavaScript框架。
以前实现功能是操作DOM,Vue实现功能是去操作数据的。
特性:
- 采用了MVVM(Model-View-ViewModel)的软件架构设计模式
- 可以用指令
- 轻量
- 体积小, 不依赖其他基础库
- 插件化
- 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