質問編集履歴

3

誤字

2020/03/16 02:51

投稿

sabx
sabx

スコア200

test CHANGED
File without changes
test CHANGED
@@ -1,6 +1,6 @@
1
1
  ### 聞きたいこと
2
2
 
3
- 下のように定義したVueコンポーネントのpropsに対して、`<Button button-title="BUTTON TITLE" />` といったように、ケバブケースでpropsを引き渡し、受け取り側が`buttonTItle`のようにキャメルケースの場合でも問題なく動作する理由ってVueのリファレンスに記載などありますでしょうか。
3
+ 下のように定義したVueコンポーネントのpropsに対して、`<Button button-title="BUTTON TITLE" />` といったように、ケバブケースでpropsを引き渡し、受け取り側が`buttonTitle`のようにキャメルケースの場合でも問題なく動作する理由ってVueのリファレンスに記載などありますでしょうか。
4
4
 
5
5
 
6
6
 

2

読みやすく変更

2020/03/16 02:51

投稿

sabx
sabx

スコア200

test CHANGED
File without changes
test CHANGED
@@ -1,6 +1,6 @@
1
1
  ### 聞きたいこと
2
2
 
3
- 下のように定義したVueコンポーネントのpropsに対して、`<Button button-title="BUTTON TITLE" />` といったように、ケバブケースでpropsを引き渡しも問題なく動作する理由ってVueのリファレンスに記載などありますでしょうか。
3
+ 下のように定義したVueコンポーネントのpropsに対して、`<Button button-title="BUTTON TITLE" />` といったように、ケバブケースでpropsを引き渡し、受け取り側が`buttonTItle`のようにキャメルケースの場合でも問題なく動作する理由ってVueのリファレンスに記載などありますでしょうか。
4
4
 
5
5
 
6
6
 

1

記載ミス

2020/03/16 02:50

投稿

sabx
sabx

スコア200

test CHANGED
File without changes
test CHANGED
@@ -10,35 +10,25 @@
10
10
 
11
11
  <template>
12
12
 
13
- <Button
13
+ <div>
14
14
 
15
- button-title="BUTTON TITLE"
15
+ <el-button>{{ buttonTitle }}</el-button>
16
16
 
17
- ></Button>
17
+ </div>
18
18
 
19
19
  </template>
20
20
 
21
-
22
-
23
21
  <script>
24
22
 
25
- import Button from '../components/button/Button'
23
+ export default {
26
24
 
25
+ props: [
27
26
 
27
+ 'buttonTitle',
28
28
 
29
- export default {
29
+ ],
30
30
 
31
- components: {
32
-
33
- Button
34
-
35
- },
36
-
37
- data() {
38
-
39
- },
40
-
41
- }
31
+ }
42
32
 
43
33
  </script>
44
34