vue如何写静态页面

Vue.js 是一个 JavaScript 框架，用于构建用户界面。它可以帮助您快速构建动态的单页应用程序，但也可以用于构建静态页面。

要在 Vue.js 中构建静态页面，请按照以下步骤操作：

1. 创建一个 Vue 实例：使用 Vue 的构造函数创建一个新的 Vue 实例。

2. 定义模板：在 Vue 实例的选项对象中定义模板，以描述页面的结构。

3. 定义数据：在 Vue 实例的选项对象中定义数据，以便在模板中使用。

4. 挂载：使用 Vue 实例的 $mount 方法将模板挂载到 DOM 元素上，以便在浏览器中显示页面。

示例代码：

<div id="app">
  {{ message }}
</div>

<script>
var app = new Vue({
  el: '#app',
  data: {
    message: 'Hello World!'
  }
})
</script>

这是一个简单的静态页面的例子，它在页面中显示了一条消息 "Hello World!"。