如何实现从Vue组件中创建和下载Vue.js文件？

<template>
  <div>
    <!-- Vue组件的内容 -->
    <button @click="downloadVueFile">下载Vue.js文件</button>
  </div>
</template>

<script>
export default {
  methods: {
    downloadVueFile() {
      // 生成Vue.js文件的内容
      const vueCode = `
        // Vue.js文件的内容
        new Vue({
          el: '#app',
          data: {
            message: 'Hello, Vue!'
          }
        });
      `;

      // 创建Blob对象
      const blob = new Blob([vueCode], { type: 'text/javascript' });

      // 创建URL对象
      const url = URL.createObjectURL(blob);

      // 创建下载链接
      const link = document.createElement('a');
      link.href = url;
      link.download = 'app.js';

      // 触发点击事件
      link.click();

      // 释放URL对象
      URL.revokeObjectURL(url);
    }
  }
};
</script>

<style>
/* Vue组件的样式 */
</style>