質問編集履歴
1
質問内容を変更しました。
test
CHANGED
@@ -1 +1 @@
|
|
1
|
-
|
1
|
+
[Vue.js] ビルドなしでコンポーネントを別ファイル化したい
|
test
CHANGED
@@ -1,10 +1,6 @@
|
|
1
|
-
vue-routerでルーティングを行う際、
|
1
|
+
vue-routerでルーティングを行う際、各コンポーネントを.vueファイル化して読み込みたいのですが、browserifyなどで事前にビルドする仕組みを入れたくありません。
|
2
2
|
|
3
3
|
|
4
|
-
|
5
|
-
.vueファイル化し、browserifyなどと組み合わせてインクルードする方法はいくつも見つかったのですが、事前コンパイルなしで動かしたいと思っています。
|
6
|
-
|
7
|
-
(↑別ファイルになること自体は構いません)
|
8
4
|
|
9
5
|
|
10
6
|
|
@@ -52,15 +48,25 @@
|
|
52
48
|
|
53
49
|
template: '<p>pagename: {{value}}</p>',
|
54
50
|
|
55
|
-
|
51
|
+
data: function () {
|
56
52
|
|
57
|
-
|
53
|
+
return {
|
58
54
|
|
59
|
-
value: '
|
55
|
+
value: 'hogehoge'
|
56
|
+
|
57
|
+
}
|
60
58
|
|
61
59
|
},
|
62
60
|
|
63
|
-
methods: {
|
61
|
+
methods: {
|
62
|
+
|
63
|
+
hogeMethod: function () {
|
64
|
+
|
65
|
+
console.log('hogehoge')
|
66
|
+
|
67
|
+
}
|
68
|
+
|
69
|
+
}
|
64
70
|
|
65
71
|
}
|
66
72
|
|
@@ -94,7 +100,13 @@
|
|
94
100
|
|
95
101
|
|
96
102
|
|
97
|
-
上記
|
103
|
+
別ファイル化せず全てindex.htmlに書くと、上記の通り`const Login = {〜}`部分が長くなってしまいます。
|
104
|
+
|
105
|
+
|
106
|
+
|
107
|
+
Riotだとコンポーネントファイルを以下のように読み込めるのですが、似たような方法はないでしょうか?
|
108
|
+
|
109
|
+
`<script src="/home.tag" type="riot/tag"></script>`
|
98
110
|
|
99
111
|
|
100
112
|
|