Vue 中 props 值如何赋给 data 属性
Vue 中 props 中的值可以在初始化的时候赋值给 data 中。可以通过在组件的 data 选项中定义一个与 props 中同名的属性,并在初始化时将 props 的值赋给该属性。例如:
Vue.component('my-component', {
props: ['myProp'],
data: function() {
return {
myData: this.myProp
}
},
template: '<div>{{ myData }}</div>'
})
在这个例子中,'myProp' 是通过 props 传递给组件的值,然后在 data 选项中定义了一个 'myData' 属性,并将 'myProp' 的值赋给它。在模板中使用 'myData' 属性来渲染组件的内容。这样就可以在初始化时将 props 的值赋给 data 中的属性。
原文地址: https://www.cveoy.top/t/topic/fKDq 著作权归作者所有。请勿转载和采集!