test

<script src="https://cdn.bootcss.com/vue/2.6.10/vue.min.js"></script>


<div id="app">
  <table v-for="item in arr">
    <tr>
      <td>{{item.key}}</td>
      <td>{{item.value}}</td>
    </tr>
  </table>
</div>

<script>
  new Vue({
    el: "#app",
    data: {
      originData:
        "TESH_SH=${p:TEST}\
  DMC_DMCDDDDD_DDDD=${p:DMC_DJJ}\
  DMC_DMCRRRDDD=${p:DMC_IIIJJ}",
      dataGet: [],
      arr:[]
    },
    mounted() {
      var c = this.originData.split(" ");
      this.dataGet = c.filter((x) => {
        return x !== "";
      });
      console.log(this.dataGet);

      this.dataGet.forEach((item) => {
        var index_a = item.indexOf("=");
        var index_b = item.indexOf(":");
        var index_c = item.indexOf("}");

        this.arr.push({
          key: item.slice(0, index_a),
          value: item.slice(index_b + 1, index_c),
        });
        console.log(this.arr)
      });
    },
  });
</script>