質問編集履歴
1
質問内容を変更しました。
title
CHANGED
|
@@ -1,1 +1,1 @@
|
|
|
1
|
-
|
|
1
|
+
[Vue.js] ビルドなしでコンポーネントを別ファイル化したい
|
body
CHANGED
|
@@ -1,7 +1,5 @@
|
|
|
1
|
-
vue-routerでルーティングを行う際、
|
|
1
|
+
vue-routerでルーティングを行う際、各コンポーネントを.vueファイル化して読み込みたいのですが、browserifyなどで事前にビルドする仕組みを入れたくありません。
|
|
2
2
|
|
|
3
|
-
.vueファイル化し、browserifyなどと組み合わせてインクルードする方法はいくつも見つかったのですが、事前コンパイルなしで動かしたいと思っています。
|
|
4
|
-
（↑別ファイルになること自体は構いません）
|
|
5
3
|
|
|
6
4
|
```ここに言語を入力
|
|
7
5
|
<!DOCTYPE html>
|
|
@@ -25,11 +23,16 @@
|
|
|
25
23
|
}
|
|
26
24
|
const Login = {
|
|
27
25
|
template: '<p>pagename: {{value}}</p>',
|
|
28
|
-
|
|
26
|
+
data: function () {
|
|
29
|
-
|
|
27
|
+
return {
|
|
30
|
-
|
|
28
|
+
value: 'hogehoge'
|
|
29
|
+
}
|
|
31
30
|
},
|
|
32
|
-
methods: {
|
|
31
|
+
methods: {
|
|
32
|
+
hogeMethod: function () {
|
|
33
|
+
console.log('hogehoge')
|
|
34
|
+
}
|
|
35
|
+
}
|
|
33
36
|
}
|
|
34
37
|
|
|
35
38
|
const router = new VueRouter({
|
|
@@ -46,6 +49,9 @@
|
|
|
46
49
|
</html>
|
|
47
50
|
```
|
|
48
51
|
|
|
49
|
-
|
|
52
|
+
別ファイル化せず全てindex.htmlに書くと、上記の通り`const Login = {〜}`部分が長くなってしまいます。
|
|
50
53
|
|
|
54
|
+
Riotだとコンポーネントファイルを以下のように読み込めるのですが、似たような方法はないでしょうか？
|
|
55
|
+
`<script src="/home.tag" type="riot/tag"></script>`
|
|
56
|
+
|
|
51
57
|
よろしくお願いいたします。
|