解决vue axios get 请求的数据,不能完美显示在页面上的错误。

本文解决了一个Vue组件定义中关于data选项的问题,展示了如何将data设置为返回实例值的函数,并附上了修改前后的代码对比。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

报错如下:The "data" option should be a function that returns a per-instance value in component definitions

本人话不多,上图:此图为报错图

vue
报错详情

我就喜欢有问题的代码!来看问题吧,其实问题出在这里:

错误

修改为:

import  Vue from 'vue'
  export default {
      name : "AskFor",
    data : function () {
        return {
          //接收用户名

}

}

}

修改后的截图:

修改后

    其实就只是在data 后面加了一个函数而已,vue 官方是这样规定的。

我这之所以写出来,也是看了大牛的博客,在这里感谢那位大牛了。白白得来的,要白白的送出去。

本人能力有限,难免哪里说的不够严谨准确,也请大家多多指出,感谢大家的阅读。愿上帝祝福你们!

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值