前言
- 以下内容是指导方针而不是规则
- 个人意见和经验很重要
- 选择对你和你的团队最有效的方法(如果你觉得一个最佳实践或技术不太适合你的应用程序,请相信你的直觉并继续推进你的解决方案。)
Props Fundamentals
- 最好使用对象语法方法
- 使用对象语法定义 Props 三个基本问题:
- 接受什么数据类型
- 数据是否必填
- 是否有一个可以设置的默认状态
Props Custom Validation
- 图片只存在 images 目录内
- 图片只能是 png | jpg | jpeg 格式
Slots Fundamentals
props 最容易想到的解决方案
slot 优化代码(只需5行代码)
多个 slot 示例,v-slot 只能在 template 元素上使用(建议使用 template,即使只有一个 slot )
Vue 指令简写
代码重构
总结
重构代码的关键指标:是否提高了你的代码清晰性、即更容易理解和维护。