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>