Home.vue
<template>
明细
</template>
<script>
export default {
}
</script>
Login.vue
<template>
注册
</template>
<script>
export default {
}
</script>
User.vue
<template>
我的
</template>
<script>
export default {
}
</script>
Nau.vue导航的
<template>
<button>明细</button>
<button>注册</button>
<button>我的</button>
</template>
router/index.js
import { } from "vue";
import { } from daohang
import index.js from CSS;
<script>
export default {
prog: {
}
data: {
path: '/'
name: Home
}
}
</script>
App.vue
<template>
我是陈尼克
</template>
<script setup>
import HelloWorld from './components/HelloWorld.vue'
// This starter template is using Vue 3 experimental <script setup> SFCs
// Check out https://github.com/vuejs/rfcs/blob/script-setup-2/active-rfcs/0000-script-setup.md
</script>
index.js
#app {
font-family: Avenir, Helvetica, Arial, sans-serif;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
text-align: center;
color: #2c3e50;
margin-top: 60px;
}
main.js
import { createApp } from 'vue'
import App from './App.vue'
createApp(App).mount('#app')