[JavaScript知识库]Vue.js核心特性

Vue.js的核心特性分为两个部分，一个是叫数据驱动视图，另外一个则是组件化开发。

数据驱动视图

• 数据变化会自动更新到对应元素中，无需手动操作DOM，这种行为称为单向数据绑定
• 对于输入框等可输入元素，我们可以设置双向数据绑定
• 双向数据绑定是在数据绑定的基础上，可以自动将元素输入内容更新给数据，实现数据与元素的双向绑定
• 基于MVVM模型实现的数据驱动视图大大解放了DOM操作
• View与Model处理分离，降低了代码的耦合度
• 但是双向绑定时的bug调试会难度增加
• 大型项目的View与Model过多，维护成本相对来说会高一点

组件化开发

• 允许我们将网页功能封装为自定义的HTML标签，复用时书写自定义标签名即可
• 组件不仅可以封装结构，还可以封装样式与逻辑代码，大大提高了开发效率与可维护性

第一天，先码这么多，内容来源于我学习的视频的笔记，温故而知新，如有雷同，不甚荣幸。

每篇博客推荐一首我喜欢的歌，今日份推荐：陈雪燃-无名之辈