如何在vue组件中渲染原生javascript？

<template>
  <div v-html="renderJavaScript"></div>
</template>

<script>
export default {
  data() {
    return {
      renderJavaScript: '<script>alert("Hello, World!")</script>'
    };
  }
};
</script>

<template>
  <div>{{ renderJavaScript }}</div>
</template>

<script>
export default {
  computed: {
    renderJavaScript() {
      return '<script>alert("Hello, World!")</script>';
    }
  }
};
</script>

<template>
  <div ref="renderContainer"></div>
</template>

<script>
export default {
  mounted() {
    this.renderJavaScript();
  },
  methods: {
    renderJavaScript() {
      const scriptElement = document.createElement('script');
      scriptElement.textContent = 'alert("Hello, World!")';
      this.$refs.renderContainer.appendChild(scriptElement);
    }
  }
};
</script>