vue在data里定义方法赋值,vue请求数据再赋值data

　　本文主要介绍了vue数据分配问题的解决方法，具有很好的参考价值。希望对你有帮助。来和边肖一起看看吧。

　　总结一个我纠结了很久的问题。

　　在项目中，需要后台数据来渲染前端。在vue集成的axios的帮助下，在页面组件挂载后，使用vue中的hook函数向后台发送get请求，然后将返回的数据赋给data()中定义的属性：

执行后前端报错：

原因：

　　请求成功执行后，执行回调函数中的内容。回调函数在其他函数内部。这不会绑定到任何对象，并且是未定义的。

解决方案：

　　1)将这个指向vue对象的指针赋给外部方法定义的属性，然后在内部方法中使用这个属性。

　　2)使用箭头功能

　　补充：解决 vue data中数据之间的调用undefined问题

解决办法：

　　解决不了。根本不能这么叫。

　　虽然data函数中的这个指向VueComponent，(有理解：data中的数据可以用这个调用props中的数据)，但是在data中调用另一个属性时，data中的数据还没有被解析。因为return {}对象中的所有数据都是一起渲染和解析的，所以会出现未定义的问题。

　　(以上仅为个人理解，如有错误请评论指正)

所以选择在mounted生命周期中完成赋值操作

　　导出默认值{

　　data(){

　　返回{

　　名字：“111”，

　　姓氏：“222”，

　　全名：“”

　　}

　　},

　　已安装(){

　　this . full name=this . first name this . last name；

　　}

　　}

　　显示结果：

　　当然，如果fullName不需要在数据中定义，那么在computed计算属性中定义它可能更好。

　　以上个人经历，希望能给大家一个参考，也希望大家多多支持我们。如有错误或不足之处，请不吝赐教。

郑重声明：本文由网友发布，不代表盛行IT的观点，版权归原作者所有，仅为传播更多信息之目的，如有侵权请联系，我们将第一时间修改或删除，多谢。