场景 父组件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取得所需变量，因为…

awesome-green @charset "UTF-8"; .entry-content { position: relative; word-break: break-word; line-height: 1.75; font-weight: 400; font-size: 15px; color: #282d36; } …

总结 代码结构上，总流程中找出性质完全不同的子操作链路。性质不同的操作完全可以拆分出方法或者类，性质相似的可以策略模式、模板模式等设计模式做出抽象 例如：报表导出怎么优化结构 原结构 读出主数据 转为导出数据结构 补充分支数据 转为导出文件 重要的是方法变短，结构清晰 之前做法是，用id查出数据，再转为导出对象，留着一堆空属性等后面填充 之前做法不…

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

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

隐藏了列表和搜索列表的隐藏栏目 隐藏了详情页前一后一文章的隐藏栏目 分类列表的隐藏分类取消了隐藏，因为会导致详情页获取不到完整分类，从而详情页隐藏失效 详情页对属于隐藏分类的文章做隐藏；若属于隐藏分类且设置密码方法，则显示密码 发布更新文章时，属于隐藏栏目，且为公布状态，且无密码的文章设置为私密 <?php /* Plugin Name: U…