test/vue-demo
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

TODO: 理解完整的vue建站流程

Browse Source
This commit is contained in:
eson 2021-02-26 18:24:51 +08:00
parent ab054abc8e
commit de5ab4fac4
2 changed files with 15 additions and 14 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

18
src/components/HelloWorld.vue → src/components/Main.vue
View File

@ -2,12 +2,12 @@
<!-- App.vue --> <!-- App.vue -->
<v-app> <v-app>
<v-app-bar app> <v-app-bar app height="150px">
<!-- --> <!-- -->
</v-app-bar> </v-app-bar>
<v-navigation-drawer app> <!-- <v-navigation-drawer app> -->
<!-- --> <!-- -->
</v-navigation-drawer> <!-- </v-navigation-drawer> -->
@ -15,10 +15,12 @@
<v-main> <v-main>
<!-- Provides the application the proper gutter --> <!-- Provides the application the proper gutter -->
<v-container fluid> <v-container fluid>
<div id="nav">
<router-link to="/">Home</router-link> | <!-- <div id="nav"> -->
<router-link to="/about">About</router-link> <!-- <router-link to="/">Home</router-link> | -->
</div> <!-- <router-link to="/about">About</router-link> -->
<!-- </div> -->
<!-- If using vue-router --> <!-- If using vue-router -->
<!-- <router-view></router-view> --> <!-- <router-view></router-view> -->
</v-container> </v-container>
@ -33,6 +35,6 @@
<script> <script>
export default { export default {
name: 'HelloWorld', name: 'Main',
} }
</script> </script>

11
src/views/Home.vue
View File

@ -1,19 +1,18 @@
<template> <template>
<!-- <div class="home"> --> <!-- App.vue -->
<!-- <img alt="Vue logo" src="../assets/logo.png"> --> <Main></Main>
<HelloWorld msg="Welcome to Your Vue.js App"/>
<!-- </div> -->
</template> </template>
<script> <script>
// @ is an alias to /src // @ is an alias to /src
import HelloWorld from '@/components/HelloWorld.vue' // import Main from '@/components/HelloWorld.vue'
import Main from '../components/Main.vue'
export default { export default {
name: 'Home', name: 'Home',
components: { components: {
HelloWorld Main,
} }
} }
</script> </script>