数据从父组件传入
props属性中增加验证规则:
props: { length: { type: [String], default: 3 }}
通过props传入的参数不建议对其进行操作,会同时修改父组件中的数据。
直接赋值不能解除双向绑定
let data = JSON.parse(JSON.stringify(this.data))
父组件中解决事件
解决事件的方法尽量写在父组件中,以保证通用组件中的数据不被污染。
不要依赖vuex传参
尽量使用props和自己设置事件,由于当页面刷新时vuex会重新初始化,丢失已编辑的数据
留一个slot
image.png