質問編集履歴
4
文章改善
test
CHANGED
|
File without changes
|
test
CHANGED
|
@@ -12,7 +12,11 @@
|
|
|
12
12
|
|
|
13
13
|
大量にある .vue のファイルすべてで上のように定義しています。
|
|
14
14
|
|
|
15
|
+
Foo は methods や computed のなかで参照します。
|
|
16
|
+
|
|
17
|
+
|
|
18
|
+
|
|
15
|
-
|
|
19
|
+
また .vue によっては `<template>` の中で参照することもあり、その場合はあらかじめ `data` または `computed` で定義しておかないといけません。
|
|
16
20
|
|
|
17
21
|
とても冗長です。
|
|
18
22
|
|
3
コードを正確に。
test
CHANGED
|
File without changes
|
test
CHANGED
|
@@ -31,6 +31,8 @@
|
|
|
31
31
|
|
|
32
32
|
|
|
33
33
|
```js
|
|
34
|
+
|
|
35
|
+
import Vue from "vue"
|
|
34
36
|
|
|
35
37
|
import Foo from "./Foo"
|
|
36
38
|
|
2
タグの追加
test
CHANGED
|
File without changes
|
test
CHANGED
|
File without changes
|
1
内容を読みやすくしました
test
CHANGED
|
File without changes
|
test
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
### 前提
|
|
1
|
+
### 前提
|
|
2
2
|
|
|
3
3
|
|
|
4
4
|
|
|
@@ -14,11 +14,19 @@
|
|
|
14
14
|
|
|
15
15
|
さらに `<template> ` の中で `Foo` を参照するには `data` または `computed` で定義しないといけません。
|
|
16
16
|
|
|
17
|
-
|
|
17
|
+
とても冗長です。
|
|
18
18
|
|
|
19
19
|
|
|
20
20
|
|
|
21
|
-
###
|
|
21
|
+
### 実現したいこと
|
|
22
|
+
|
|
23
|
+
|
|
24
|
+
|
|
25
|
+
リファクタリングして一箇所だけで定義したいです。
|
|
26
|
+
|
|
27
|
+
|
|
28
|
+
|
|
29
|
+
### 試してみた方法
|
|
22
30
|
|
|
23
31
|
|
|
24
32
|
|
|
@@ -72,15 +80,15 @@
|
|
|
72
80
|
|
|
73
81
|
|
|
74
82
|
|
|
75
|
-
3つの方法どれでも動きましたが、一般的な方法
|
|
83
|
+
3つの方法どれでも動きましたが、一般的な方法がわかりません。
|
|
76
84
|
|
|
77
85
|
|
|
78
86
|
|
|
79
|
-
方法1は、別のアプリに組み込んだときに、なぜか
|
|
87
|
+
- 方法1は、別のアプリに組み込んだときに、なぜか定義が消えていて、再定義しないといけなくなります。
|
|
80
88
|
|
|
81
|
-
方法2は、参照したいものが増えたときに、並べるだけでいいので簡単です
|
|
89
|
+
- 方法2は、参照したいものが増えたときに、並べるだけでいいので簡単です。しかし、データは静的なので data に定義する意味がありません。リアクティブに対応しようと Vue が Foo を走査するため速度が遅くなる懸念もあります。
|
|
82
90
|
|
|
83
|
-
方法3は、2つも同じ名前 `Foo` を書かないといけないのが冗長です。
|
|
91
|
+
- 方法3は、2つも同じ名前 `Foo` を書かないといけないのが冗長です。
|
|
84
92
|
|
|
85
93
|
|
|
86
94
|
|