视图组件

56 阅读1分钟

4. 创建视图组件

创建一些视图组件,例如 Home.vue 和 About.vue

<!-- src/views/Home.vue -->
<template>
  <div>
    <h1>首页</h1>
    <p>欢迎来到首页!</p>
  </div>
</template>

<script>
export default {
  name: 'Home'
}
</script>
<!-- src/views/About.vue -->
<template>
  <div>
    <h1>关于我们</h1>
    <p>这是关于我们的页面。</p>
  </div>
</template>

<script>
export default {
  name: 'About'
}
</script>