回答編集履歴
3
こういうことです
answer
CHANGED
|
@@ -5,5 +5,30 @@
|
|
|
5
5
|
平たく言えば、Laravelのblade内で記述するのは、#app内にVueコンポーネントを使用しますという枠取りだけだったはずです。
|
|
6
6
|
|
|
7
7
|
```blade
|
|
8
|
+
<div >
|
|
8
|
-
<div id="app"><!--
|
|
9
|
+
<div id="app"><!-- この中にVueコンポーネントが組み込まれます--></div>
|
|
10
|
+
<footer class="footer">
|
|
11
|
+
<nav class="footer__nav">
|
|
12
|
+
<div class="container">
|
|
13
|
+
<ul class="text-center md:flex justify-center p-5">
|
|
14
|
+
<li><a href="/" class="text-white block py-3 mx-5 hover:underline">HOME_orderblade</a></li>
|
|
15
|
+
<li><a href="/privacy/" class="text-white block py-3 mx-5 hover:underline">プライバシーポリシー</a></li>
|
|
16
|
+
<li><a href="/law/" class="text-white block py-3 mx-5 hover:underline">特定商取引法に基づく表記</a></li>
|
|
17
|
+
<li><a href="/contact/entry.php" class="text-white block py-3 mx-5 hover:underline">お問い合わせ</a></li>
|
|
18
|
+
</ul>
|
|
19
|
+
</div>
|
|
20
|
+
</nav>
|
|
21
|
+
<div class="bg-white text-center p-8">
|
|
22
|
+
sample Inc. All Rights Reserved.
|
|
23
|
+
</div>
|
|
24
|
+
</footer>
|
|
25
|
+
</div>
|
|
26
|
+
```
|
|
27
|
+
|
|
28
|
+
何らかの#appに紐付いている親コンポーネント内のテンプレート
|
|
29
|
+
```
|
|
30
|
+
<shop-order
|
|
31
|
+
:csrf='{{ json_encode(csrf_token()) }}'
|
|
32
|
+
:product='@json($product)'
|
|
33
|
+
></shop-order>
|
|
9
34
|
```
|
2
さらに詳しく説明
answer
CHANGED
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
そのshop-orderコンポーネントのみbladeに直書きしてるようですが…。
|
|
1
|
+
そのshop-orderコンポーネントのみbladeに直書きしてるようですが…。
|
|
2
2
|
|
|
3
|
-
つまり、Vueの親コンポーネントに紐付いてもいない状態なので、何もエラーが出てこないんだと思います。他のコンポーネントを呼び出しているテンプレート内に記述してください。
|
|
3
|
+
つまり、#app内に生成したVueの親コンポーネントに紐付いてもいない状態なので、何もエラーが出てこないんだと思います。他のコンポーネントを呼び出しているテンプレート内に記述してください。
|
|
4
4
|
|
|
5
|
-
平たく言えば、Laravelのblade内で記述するのは、#app内にVueを使用しますという枠取りだけだったはずです。
|
|
5
|
+
平たく言えば、Laravelのblade内で記述するのは、#app内にVueコンポーネントを使用しますという枠取りだけだったはずです。
|
|
6
6
|
|
|
7
7
|
```blade
|
|
8
8
|
<div id="app"><!-- 間に記述しても意味ないですよ --></div>
|
1
#app内は何も記述しない
answer
CHANGED
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
|
|
3
3
|
つまり、Vueの親コンポーネントに紐付いてもいない状態なので、何もエラーが出てこないんだと思います。他のコンポーネントを呼び出しているテンプレート内に記述してください。
|
|
4
4
|
|
|
5
|
-
平たく言えば、Laravelのblade内で記述するのは、
|
|
5
|
+
平たく言えば、Laravelのblade内で記述するのは、#app内にVueを使用しますという枠取りだけだったはずです。
|
|
6
6
|
|
|
7
7
|
```blade
|
|
8
8
|
<div id="app"><!-- 間に記述しても意味ないですよ --></div>
|