Vue.js的核心特性分为两个部分,一个是叫数据驱动视图,另外一个则是组件化开发。
数据驱动视图
- 数据变化会自动更新到对应元素中,无需手动操作DOM,这种行为称为单向数据绑定
- 对于输入框等可输入元素,我们可以设置双向数据绑定
- 双向数据绑定是在数据绑定的基础上,可以自动将元素输入内容更新给数据,实现数据与元素的双向绑定
- 基于MVVM模型实现的数据驱动视图大大解放了DOM操作
- View与Model处理分离,降低了代码的耦合度
- 但是双向绑定时的bug调试会难度增加
- 大型项目的View与Model过多,维护成本相对来说会高一点
组件化开发
- 允许我们将网页功能封装为自定义的HTML标签,复用时书写自定义标签名即可
- 组件不仅可以封装结构,还可以封装样式与逻辑代码,大大提高了开发效率与可维护性
第一天,先码这么多,内容来源于我学习的视频的笔记,温故而知新,如有雷同,不甚荣幸。
每篇博客推荐一首我喜欢的歌,今日份推荐:陈雪燃-无名之辈