没有合适的资源？快使用搜索试试~ 我知道了~

首页Vue中用props给data赋初始值遇到的问题解决

Vue中用props给data赋初始值遇到的问题解决

Vue

props

data

5星 · 超过95%的资源 4 下载量 190 浏览量更新于2023-05-10 收藏 73KB PDF 举报

身份认证购VIP最低享 7 折!

领优惠券(最高得80元）

试读

4页

主要介绍了Vue中用props给data赋初始值遇到的问题解决，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧

资源详情

资源推荐

Vue中用中用props给给data赋初始值遇到的问题解决赋初始值遇到的问题解决

主要介绍了Vue中用props给data赋初始值遇到的问题解决，小编觉得挺不错的，现在分享给大家，也给大家做

个参考。一起跟随小编过来看看吧

前言前言

前段时间做一个运营活动的项目，上线后产品反馈页面埋点不对，在排查过程中发现，问题竟然是由于Vue中的data初始值导

致，而data的初始值来自于props。为方便描述，现将问题抽象如下：

一、现象一、现象

代码：

<!DOCTYPE html>

<head>

<title>用props初始化data中变量</title>

</head>

<body>

<user-info :user-data="user"></user-info>

</div>

//全局组件

let userInfo = Vue.component('userInfo' ,{

props: {

userData: Object

data() {

return {

userName: this.userData.name

}

<div>

<div>姓名：{{userName}}</div>

<div>性别：{{userData.gender}}</div>

<div>生日：{{userData.birthday}}</div>

</div>

});

//Vue实例

new Vue({

el: '#app',

data: {

user: {

gender: '',

birthday: ''

}

created(){

this.getUserData();

methods:{

getUserData(){

setTimeout(()=>{

this.user = {

gender: '男',

birthday: '1991-7'

}

}, 500)

}

components: {

userInfo

}

});

</script>

</body>

</html>

本内容试读结束，登录后可阅读更多

下载后可阅读完整内容，剩余3页未读，立即下载

weixin_38624519

粉丝: 5
资源: 899

上传资源快速赚钱

我的内容管理收起

我的资源快来上传第一个资源

我的收益

登录查看自己的收益

我的积分登录查看自己的积分

我的C币登录后查看C币余额

我的收藏

我的下载

下载帮助

会员权益专享

Vue中用props给data赋初始值遇到的问题解决

浅谈vue的props，data，computed变化对组件更新的影响

解决vue props 拿不到值的问题

简单理解vue中Props属性

解决vue组件props传值对象获取不到的问题

vue 修改 data 数据问题并实时显示操作

Vue.js基础组件之props详解

Vue组件通信：Props与Events

Vue.js面试准备：常见问题与解答

Vue中的事件处理及常见问题的解决方案

Vue.js组件通信：Props与事件

vue中props和data的优先级

vue将props的值赋值给data

vue2.0 props 初始化

vue 修改props的值

vue给组件传data里的值

vue3 props 数据改变

如何将props的值在页面初始化的时候赋值给data

jest 初始化vue props属性值

vue中使用 props

vue 异步props,页面没有更新

会员权益专享

最新资源