jianjieX的博客

来，先介绍一下Vue的响应式系统Vue为MVVM框架，当数据模型data变化时，页面视图会得到响应更新，其原理对data的getter/setter方法进行拦截（Object.defineProperty或者Proxy），利用发布订阅的设计模式，在getter方法中进行订阅，在setter方法中发布通知，让所有订阅者完成响应。在响应式系统中，Vue会为数据模型data的每一个属性新建一个订阅中心作为发布者，而监听器watch、计算属性computed、视图渲染template/render三个角色同时作

1、插槽内容1. 两个组件组件B:<template> <div> <h1>我是B组件的内容</h1> </div></template><script> export default { name: "testB" }</scri...

vue工作机制Vue响应式的原理definePropertyclass Vue { constructor(options) { this._data = options.data; this.observer(this._data); } observer(value) { if (!value || typeof value !== "object") { r...