场景 父组件A，子组件B，A组件内调两个接口，两个接口结果作为两个prop传给组件B。 组件B内部存在两个data值a和b，是使用前面两个prop通过计算生成的。在模版渲染时需要使用计算完成的a和b。 a的生成又依赖b。 结论 a和b作为组件内部数据，应该是根据prop的变化而变化，所以只能watch对应的prop，或者使用compute 使用co…

背景 在vue的使用中，有时候需要在同一处根据情况使用不同属性或者不同方法 例如在v-for中，根据item的不同情况，给里面模板指定不同属性和方法 方案 属性 用 xx[type] 的方式 即将待动态使用的属性放在data的至少第二层级里，则可以根据type取得不同变量。如果放在data第一层，在模板里无法通过this和type取得所需变量，因为…

不销毁dialog 使用watch监听父组件传入的表单数据，并加上immediate deep。 用这种方式将组件prop转换为组件内的data，且能随外部data同步变化 每次关闭即销毁dialog 在el-dialog标签加v-if。 每次打开对话框都创建新组件，那么可在生命周期方法中，接收组件prop转化为组件data。 相比不销毁dialo…

能保持响应式的情况 基本数据类型的修改 对象（包括数组）的引用被修改，即替换为新对象 对象已初始化的属性以及子属性的修改 使用$set方法 使用数组操作的方法，例如push splice 不能保持响应式的情况 某些时候，将已被响应式的对象（例如组件prop传入的对象）赋值给某个属性 给data或其子对象增加不存在的属性 直接用下标操作数组元素 wa…