如何使消息显示在模板中

<script src="mustache.min.js"></script>
<script>
  var template = document.getElementById('template').innerHTML;
  var data = { message: 'Hello, World!' };
  var rendered = Mustache.render(template, data);
  document.getElementById('output').innerHTML = rendered;
</script>

<!-- 模板 -->
<script id="template" type="text/template">
  <p>{{message}}</p>
</script>

<!-- 输出 -->
<div id="output"></div>

<template>
  <div>
    <p>{{ message }}</p>
  </div>
</template>

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

<div id="output">
  <p id="message"></p>
</div>

<script>
  var messageElement = document.getElementById('message');
  messageElement.innerHTML = 'Hello, World!';
</script>