下面一段时间应该将KS项目进度跟踪发布到BLOG上,以促进自己完成多一点的功能,并且记录学习到的内容

DO - 今天

  • 审核列表[物品、前端]

  • 详情&审核原子组件[物品、前端]

  • 原子组件合成详情页&审核表单页[物品、前端]

  • 更新审核状态处理[物品、后端]

SUMMARY - 今天

处理组件的数据共享

这个相对来说比较简单,不要通过非引用类型传递,而是使用引用类型

若没有引用类型,那么就在数据基础上创建一个引用类型再传递

通过计算属性接受传递值,不要多级获取,否则会报错

用引用类型指针不变的原理,打破组件间单向传递限制

嵌套多层级组件通讯

嵌套多层级,什么意思呢?就是 爷孙组件(子组件的子组件)

方法:依赖注入(官方命名) provide & inject

下面直接上代码

1
2
3
4
5
6
7
8
9
顶部组件

export default {
provide(){
return {
message: 'Hello!son'
}
}
}
1
2
3
4
5
6
7
8
目的组件

export default {
inject: ['message'],
created() {
console.log(this.message) // Hello!son
}
}

TODOLIST - 明天

  • 更新物品功能 [物品、后端]

  • 提交前表单验证功能 [物品、前端、后端]