2021-06-24

传统网站开发步骤
1.请求数据
2.生成结构
3.监听变化
4.元素变化
5.发送请求
6.更新结构
传统网页开发的弊端
DOM操作频繁，代码繁杂
DOM操作与逻辑代码混合，可维护性差
不同的功能区域书写在一起，可维护性差
模块之间的依赖关系复杂
vue.js 核心特性
数据驱动视图
组件化开发
数据驱动视图
数据变化自动更新对应元素中,无需手动DOM
对于输入框等可输入元素,可以设置双向数据绑定
vue.js的数据驱动视图,是基于M-V-VM模型实现
MVVM 是一种开发思想
model : 代表数据
view: 代表视图模板
ViewModel: 代表业务逻辑处理的代码
优点
基于MVVM实现的数据驱动视图,解放了DOM操作
view与Model分离处理,降低代码耦合度
什么是耦合度
模块与模块之间很多是存在关联的,如果改动一个其他若干末组都会发生改变,模块之间的关系就紧密,独立性越不好(这种关系, 我们称为:耦合度)
什么是内聚?
模块内部代码,相互之间的联系越强,内聚就越高
一个模块应该尽量去独立,独立的去完成一个功能! 如果有新的代码,非得引入到独立的模块中,建议拆分成多个模组
缺点:
但双向绑定时,bug调试难度增大
大型项目中,v和m过多,维护成本过高
组件化开发:组件化开发,允许我们将网页中的哦功能,样式,标签封装成可复用的模块.每个模块之间是彼此独立但相互俩联系的