在 Vue 中,可以使用 props 定义组件的输入属性,使用 data 定义组件内部的状态。如果你想把 props 中定义的属性的值赋予给 data 里的属性,可以在组件的 created 生命周期钩子函数中进行赋值。
例如,你可以这样做:
export default {
name: 'my-component',
props: {
name: {
type: String,
required: true
}
},
data() {
return {
internalName: ''
}
},
created() {
this.internalName = this.name
}
}