vue2项目搭建完成
This commit is contained in:
@@ -1,8 +1,10 @@
|
||||
<template>
|
||||
<div id="app">
|
||||
<div>App.Vue</div>
|
||||
<!-- 导航 -->
|
||||
<nav>
|
||||
<router-link to="/">首页</router-link> |
|
||||
<router-link to="/skill">Skill</router-link> |
|
||||
<router-link to="/about">关于</router-link>
|
||||
</nav>
|
||||
|
||||
|
||||
@@ -2,6 +2,7 @@ import Vue from 'vue'
|
||||
import VueRouter from 'vue-router'
|
||||
import Home from '@/views/Home.vue'
|
||||
import About from '@/views/About.vue'
|
||||
import Skill from "@/views/Skill.vue";
|
||||
|
||||
Vue.use(VueRouter)
|
||||
|
||||
@@ -11,6 +12,11 @@ const routes = [
|
||||
name: 'Home',
|
||||
component: Home
|
||||
},
|
||||
{
|
||||
path: '/skill',
|
||||
name: 'Skill',
|
||||
component: Skill
|
||||
},
|
||||
{
|
||||
path: '/about',
|
||||
name: 'About',
|
||||
|
||||
11
src/views/Skill.vue
Normal file
11
src/views/Skill.vue
Normal file
@@ -0,0 +1,11 @@
|
||||
<script setup>
|
||||
|
||||
</script>
|
||||
|
||||
<template>
|
||||
<div>Skill 市场</div>
|
||||
</template>
|
||||
|
||||
<style scoped>
|
||||
|
||||
</style>
|
||||
Reference in New Issue
Block a user