【メモ】Laravel × Vue.jsでのハマった事
まず，初学者です。
メモです。
何が起こったか
Vueでボタンを作成しlaravelのblade内にコンポーネントで適用しようとした所，全然表示されない。という事が起こりました。
~~.blade.php
<div class="content">
<div id="app">
<example-component></example-component>
</div>
<script src="{{ mix('js/app.js') }}"></script>
</div>
って感じでこのcontentのdivが5つぐらいあったんだけど，
<div id="app">
<example-component></example-component>
</div>
<script src="{{ mix('js/app.js') }}"></script>
これをその5つのcontent内にコピペすれば，表示されるんじゃないかと思ったんだけど1個しか表示されないという。
コンポーネントのやり方違うのか？？ってめちゃ考えてたり，調べたりしたんだけど全然わからなく、、、、
諦めずに調べていたら（https://note.com/hokurojump/n/n8fc0948f42fe）
パッと閃いたんですよね。
これ下記を1個1個にやるんじゃなくて，全体に囲んだらいいんじゃね？と、、
<div id="app">
<div>
いや，最初からわかるだろ！！！！とツコッミたくなると思うけど我慢して下さい（笑）
ということで
解決
~~.blade.php
<div id="app">
<div class="content">
<example-component></example-component>
</div>
<div class="content">
<example-component></example-component>
</div>
<div class="content">
<example-component></example-component>
</div>
</div>
<script src="{{ mix('js/app.js') }}"></script>
~~.blade.php
<div id="app">
<div class="content">
<example-component></example-component>
</div>
<div class="content">
<example-component></example-component>
</div>
<div class="content">
<example-component></example-component>
</div>
</div>
<script src="{{ mix('js/app.js') }}"></script>
全部に適用されました！！！！
Author And Source
この問題について(【メモ】Laravel × Vue.jsでのハマった事), 我々は、より多くの情報をここで見つけました https://qiita.com/yossi_0315/items/13acde3444cece5291d6著者帰属：元の著者の情報は、元のURLに含まれています。著作権は原作者に属する。
Content is automatically searched and collected through network algorithms . If there is a violation . Please contact us . We will adjust (correct author information ,or delete content ) as soon as possible .