认识vue.js
vue 是什么
官方文档:Vue 是一套用于构建用户界面的渐进式框架。
Vue 的核心库只关注视图层,不仅易于上手,还便于与第三方库或既有项目整合。
总结:简单小巧的核心,渐进式技术栈,足以应付任何规模的应用。
渐进式:你可以一步一步,有阶段性地来使用vue 不必一开始就使用所有的东西。
优点:
- 解耦视图与数据
- 可复用的组件
- 前端路由
- 状态管理
- 虚拟DOM
MVVM 模式
model - viem - view - model
vue 原理
vue实现数据双向绑定主要是:
采用数据劫持结合发布者-订阅者模式的方式,通过Object.defineProperty来劫持各个属性的setter,getter,在数据变动时发布消息给订阅者,触发相应监听回调。当把一个普通 Javascript 对象传给 Vue 实例来作为它的 data 选项时,Vue 将遍历它的属性,用 Object.defineProperty 将它们转为 getter/setter,在属性被访问和修改时通知变化。
Vue的模式是m-v-vm模式,即(model-view-Viewmodel)&