質問編集履歴
1
App.vueについて追記
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -31,12 +31,12 @@
|
|
|
31
31
|
</template>
|
|
32
32
|
```
|
|
33
33
|
```vue
|
|
34
|
-
footerComponent.vue
|
|
34
|
+
footerComponent.vue:
|
|
35
35
|
<li><router-link to="/blogs/foo">foo page</router-link></li>
|
|
36
36
|
```
|
|
37
37
|
|
|
38
38
|
```js
|
|
39
|
-
router/index.js
|
|
39
|
+
router/index.js:
|
|
40
40
|
{
|
|
41
41
|
path: '/blogs',
|
|
42
42
|
name: 'Blogs',
|
|
@@ -51,6 +51,20 @@
|
|
|
51
51
|
}
|
|
52
52
|
```
|
|
53
53
|
|
|
54
|
+
```vue
|
|
55
|
+
App.vue:
|
|
56
|
+
<template>
|
|
57
|
+
<HeaderComponent />
|
|
58
|
+
<router-view />
|
|
59
|
+
<FooterComponent />
|
|
60
|
+
</template>
|
|
61
|
+
|
|
62
|
+
<script>
|
|
63
|
+
import HeaderComponent from '@/components/HeaderComponent.vue'
|
|
64
|
+
import FooterComponent from '@/components/FooterComponent.vue'
|
|
65
|
+
|
|
66
|
+
```
|
|
67
|
+
|
|
54
68
|
### 試したこと
|
|
55
69
|
|
|
56
70
|
[https://router.vuejs.org/ja/api/#router-link-props
|