单向数据流
数据从父级组件传递给子组件,只能单向绑定。
子组件内部不能直接修改从父级传递过来的数据。
错误的
props: ['count'],
methods: {
changeCount() {
this.count++
}
}
正确的
解决办法:
- 使用data
props: ['count'],
data() {
return {
initCount: this.count
}
},
- 使用computed
props: ['count'],
data() {
return {
initCount: this.count
}
},
//与直接使用data不同的是这里添加选项参数计算属性`computed`
computed: {
initCount2() {
return this.initCount;
}
}