Vue.js的三大设计模式-数据一变动-View就是你的界面它负责显示数据
Vue.js的三大设计模式
一、观察者模式
观察者模式就像是一个监听器,当你数据有变动,它就会知道,然后做出反应。Vue.js就是用这个模式来绑定数据的。核心步骤:
1.- 数据劫持:Vue.js会用一个方法叫做Object.defineProperty来监听数据变化。
- 订阅者管理:数据一变动,Vue.js就会通知所有订阅的数据变化的代码。
- 依赖收集:在数据还没变动的时候,Vue.js会收集哪些代码依赖了这个数据。
二、MVVM模式
MVVM模式就像是一个中间人,它负责处理数据和界面的显示,这样你的数据和界面就不会纠缠在一起了。核心步骤:
1.- Model:就是你的数据,它负责与服务器交互。
- View:就是你的界面,它负责显示数据。
- ViewModel:就是中间人,它负责监听数据变化,然后告诉界面更新,还处理用户的操作。
三、组件化模式
组件化模式就是把你应用拆成很多小模块,每个模块就是一个组件,这样可以方便开发、测试和维护。核心步骤:
1.- 组件定义:定义组件,每个组件都有自己的数据和逻辑。
- 组件注册:把组件注册到Vue实例里,这样就可以在界面使用了。
- 组件通信:组件之间可以通过属性和事件来传递数据和事件。