我们在vue，数据很多事异步获取来的，如果在template直接使⽤，会报错，undefined。因为先渲染后得到的数据，那如何才能不报错呢？computed举个例⼦index.vue
忽略坑⼈的传参⽅式。。。
created(){ this.init()
this.axios.post('/wanwei/appserver/eqInfo/eqBaseInfo?reqjson={\"eq_code\":\"BJTE1W03011SF001SBQDGPXTGYKG001\ this.$nextTick(()=>{
this.$store.state.retData = res.data.retdata }) }) },
在创建时获取数据，将其存⼊store加⼊页⾯只能这样写equip.vue
设备惯⽤名
{{equipData.convent_eq}}
设备名称
{{equipData.eq_name}}
规格型号
{{equipData.modelno}}
采购价格
{{equipData.cost_purchase}}
可以这样写，computed 属性，当equipData发⽣变化时，页⾯会⾃动渲染，如果数据没有获取到，默认它为空，这样就不会报错
computed:{
equipData:function () {
return this.$store.state.retData.eqInfo||'' } },
以上这篇vue异步axios获取的数据渲染到页⾯的⽅法就是⼩编分享给⼤家的全部内容了，希望能给⼤家⼀个参考，也希望⼤家多多⽀持。
因篇幅问题不能全部显示，请点此查看更多更全内容