所有道具都遵循子属性和父属性之间的单向绑定。即,当父属性更新时,最新的道具值将传递给孩子,而不是相反(孩子到父母)。子组件不应改变道具,否则会在控制台中引发警告。可能的突变情况可以解决如下,
当您尝试使用父道具作为子属性的初始值时:
在这种情况下,您可以在子组件中定义本地属性并将父值分配为初始值
props: ['defaultUser'],
data: function () {
return {
username: this.defaultUser
}
}
当您尝试转换父道具时:
您可以使用道具的值定义计算属性,
props: ['environment'],
computed: {
localEnvironment: function () {
return this.environment.trim().toUpperCase()
}
}