Vue项目中得到数据并且渲染到html页面上

<tr><td style=" width: 20%;font-weight:bold;text-align:left;">ΔX:</td>
      <td :title="basedata" style="text-align:left;width:45%;word-break:keep-all;white-space:nowrap;
      overflow:hidden;text-overflow:ellipsis;">{{basedata[0].createDate}}</td></tr>
<tr><td style=" font-weight:bold;text-align:left;">ΔY:</td>

data() {
    return {
     basedata:[{
            "X": 0,
            "Y": 0,
            "Z": 0,
            "createDate": "1"}],//条件封装对象
    };
  },

mounted() {
    this.loadMap();
    // this.orientClick();
    window.openshow=this.openshow;
    window.opendata=this.opendata;
    window.openwarn=this.openwarn;
    window.orientClick=this.orientClick;
  },

methods: {
 loadMap () {
            //标注中的
             var qs = require('qs');
      // 传递参数
      axios.post("/seata",qs.stringify({     
        "id":1,
        "beginDate":"2019-04-26 10:00:00",
        "endDate":"2021-04-21 10:00:00",
        "version":3,
        "sign":"07a36e4"}))
        .then((response) => {
          this.basedata=response.data.basedata;
          // this.membe## 标题rList = response.data.data;
        })         
  },