数据从父组件传入
props 属性中添加验证规则:
- props: {
- length: {
- type: [String],
- default: 3
- }
- }
通过 props 传入的参数不建议对其进行操作, 会同时修改父组件中的数据.
直接赋值不能解除双向绑定
let data = JSON.parse(JSON.stringify(this.data))
父组件中处理事件
处理事件的方法尽量写在父组件中, 以保证通用组件中的数据不被污染.
不要依赖 vuex 传参
尽量使用 props 和自定义事件, 因为当页面刷新时 vuex 会重新初始化, 丢失已编辑的数据
留一个 slot
image.PNG
来源: http://www.jianshu.com/p/8eeee57ce02f