vue 根据对象key值替换字符串

<template>
  <div></div>
</template>
  
<script>
export default {
  name: "",
  components: {},
  props: {},
  data() {
    return {};
  },
  filters: {},
  computed: {},
  watch: {},
  created() {},
  mounted() {
    const res = {
      template: '床前明${name}\n疑是${start}${end}\n\n举头望${tit}\n低头思${text}\n',
      value: {
        end: '上霜',
        name: '月光',
        start: '地',
        text: '故乡',
        tit: '明月'
      }
    };
    for (const key in res.value) {
      res.template = this.replaceString(res.template, key, res.value[key]);
    }
    console.log(res.template)
  },
  beforeDestroy() {},
  methods: {
    replaceString(string, key, value) {
      let str = string;
      const type = '${' + key + '}';
      while (str.indexOf(type) !== -1) {
        str = str.replace(type, value);
      }
      return str;
    },
  },
};
</script>
  
<style scoped lang="less">

</style>