回答編集履歴
2
説明追加
test
CHANGED
|
@@ -30,7 +30,7 @@
|
|
|
30
30
|
|
|
31
31
|
``` text
|
|
32
32
|
|
|
33
|
-
---- jsp
|
|
33
|
+
---- jsp (ここのフォルダの名前は適当です自分の環境に読み替えてください)
|
|
34
34
|
|
|
35
35
|
| +-- home
|
|
36
36
|
|
1
誤字の修正
test
CHANGED
|
@@ -72,7 +72,7 @@
|
|
|
72
72
|
|
|
73
73
|
| | +- confirm
|
|
74
74
|
|
|
75
|
-
| +-- components (
|
|
75
|
+
| +-- components (共通で使えるVueComponents)
|
|
76
76
|
|
|
77
77
|
|
|
|
78
78
|
|
|
@@ -120,7 +120,7 @@
|
|
|
120
120
|
|
|
121
121
|
<script src="https://cdn.jsdelivr.net/npm/vue"></script>
|
|
122
122
|
|
|
123
|
-
<!-- home/indexに使用するvueのエントリポイント -->
|
|
123
|
+
<!-- home/indexに使用するvueのエントリポイント ページ毎に異なる app.jsを読む-->
|
|
124
124
|
|
|
125
125
|
<script src="dist/home/index/app.js"></script>
|
|
126
126
|
|
|
@@ -136,18 +136,18 @@
|
|
|
136
136
|
|
|
137
137
|
``` js
|
|
138
138
|
|
|
139
|
+
import Vue from "vue";
|
|
140
|
+
|
|
139
|
-
import
|
|
141
|
+
import Page from "./page";
|
|
142
|
+
|
|
143
|
+
|
|
140
144
|
|
|
141
145
|
var app = new Vue({
|
|
142
146
|
|
|
143
147
|
el: '#app',
|
|
144
148
|
|
|
145
|
-
|
|
149
|
+
components: { Page}
|
|
146
150
|
|
|
147
|
-
message: 'Hello Vue!'
|
|
148
|
-
|
|
149
|
-
}
|
|
150
|
-
|
|
151
|
-
})
|
|
151
|
+
});
|
|
152
152
|
|
|
153
153
|
```
|