Vue Soc关注点分离原则
Vue是用于构用户界面的渐进式js框架,与其他框架不同,Vue被设计为可以自底向上逐层应用,Vue的核心库只关注视图层,方便与第三方库或既有项目整合
视图层:html+css+js(给用户看,刷新后台给的数据)
网络通信:axios,vue-resource
页面跳转:Vue-router
状态管理:vuex
Vue——UI:ICE
M:模型 V:视图 C:控制器
View:JSP{{}}
DATA:
vm:数据双向绑定
虚拟Dom:利用内存
计算属性:
集大成者:MVVM+Dom
大前端时代:后端:轻松,分布式,微服务,大数据
MVVM模式和MVC模式一样,主要目的是分离视图和模型
低耦合:视图可以独立于model变化和修改,一个viewmodel可以绑定到不同的view上,当view变化时model可以不变,当model变化时view也可以不变
可复用:可以把一些视图逻辑放在一个viewmodel里
独立开发:开发人员可以专注于业务逻辑和数据的开发,设计人员可以专注于页面设计
可测试:可以针对viewmodel来写
数据和dom被建立联系,所有东西都是响应式的,在控制台操作对象属性,界面可以实时更新
使用v-bind来绑定元素特性