回答編集履歴

3

こういうことです

2021/08/20 06:56

投稿

FKM
FKM

スコア3647

test CHANGED
@@ -12,6 +12,56 @@
12
12
 
13
13
  ```blade
14
14
 
15
+ <div >
16
+
15
- <div id="app"><!-- 記述しても意味ないで--></div>
17
+ <div id="app"><!-- この中Vueコンポーネントが組み込まれます--></div>
18
+
19
+ <footer class="footer">
20
+
21
+ <nav class="footer__nav">
22
+
23
+ <div class="container">
24
+
25
+ <ul class="text-center md:flex justify-center p-5">
26
+
27
+ <li><a href="/" class="text-white block py-3 mx-5 hover:underline">HOME_orderblade</a></li>
28
+
29
+ <li><a href="/privacy/" class="text-white block py-3 mx-5 hover:underline">プライバシーポリシー</a></li>
30
+
31
+ <li><a href="/law/" class="text-white block py-3 mx-5 hover:underline">特定商取引法に基づく表記</a></li>
32
+
33
+ <li><a href="/contact/entry.php" class="text-white block py-3 mx-5 hover:underline">お問い合わせ</a></li>
34
+
35
+ </ul>
36
+
37
+ </div>
38
+
39
+ </nav>
40
+
41
+ <div class="bg-white text-center p-8">
42
+
43
+ sample Inc. All Rights Reserved.
44
+
45
+ </div>
46
+
47
+ </footer>
48
+
49
+ </div>
16
50
 
17
51
  ```
52
+
53
+
54
+
55
+ 何らかの#appに紐付いている親コンポーネント内のテンプレート
56
+
57
+ ```
58
+
59
+ <shop-order
60
+
61
+ :csrf='{{ json_encode(csrf_token()) }}'
62
+
63
+ :product='@json($product)'
64
+
65
+ ></shop-order>
66
+
67
+ ```

2

さらに詳しく説明

2021/08/20 06:56

投稿

FKM
FKM

スコア3647

test CHANGED
@@ -1,12 +1,12 @@
1
- そのshop-orderコンポーネントのみbladeに直書きしてるようですが…。他のコンポーネントを紐付けている親コンポーネントのapp内に記述しないといけないのでは。
1
+ そのshop-orderコンポーネントのみbladeに直書きしてるようですが…。
2
2
 
3
3
 
4
4
 
5
- つまり、Vueの親コンポーネントに紐付いてもいない状態なので、何もエラーが出てこないんだと思います。他のコンポーネントを呼び出しているテンプレート内に記述してください。
5
+ つまり、#app内に生成したVueの親コンポーネントに紐付いてもいない状態なので、何もエラーが出てこないんだと思います。他のコンポーネントを呼び出しているテンプレート内に記述してください。
6
6
 
7
7
 
8
8
 
9
- 平たく言えば、Laravelのblade内で記述するのは、#app内にVueを使用しますという枠取りだけだったはずです。
9
+ 平たく言えば、Laravelのblade内で記述するのは、#app内にVueコンポーネントを使用しますという枠取りだけだったはずです。
10
10
 
11
11
 
12
12
 

1

#app内は何も記述しない

2021/08/20 01:39

投稿

FKM
FKM

スコア3647

test CHANGED
@@ -6,7 +6,7 @@
6
6
 
7
7
 
8
8
 
9
- 平たく言えば、Laravelのblade内で記述するのは、idタグ内にVueを使用しますという枠取りだけだったはずです。
9
+ 平たく言えば、Laravelのblade内で記述するのは、#app内にVueを使用しますという枠取りだけだったはずです。
10
10
 
11
11
 
12
12