本篇文章给大家带来的内容是关于Vue中用props给data赋初始值时遇到的问题及解决方法，有一定的参考价值，有需要的朋友可以参考一下，希望对你有所帮助。
前段时间做一个运营活动的项目，上线后产品反馈页面埋点不对，在排查过程中发现，问题竟然是由于Vue中的data初始值导致，而data的初始值来自于props。为方便描述，现将问题抽象如下：
一、现象
代码：
用props初始化data中变量//全局组件
let userInfo = Vue.component('userInfo' ,{
name: 'user-info',
props: {
userData: Object
},
data() {
return {
userName: this.userData.name
}
},
template: `
姓名：{
{userName}}
性别：{
{userData.gender}}
生日：{
{userData.birthday}}
`
});
//Vue实例
new Vue({
el: '#app',
data: {
user: {
最低0.47元/天 解锁文章
4055
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
