Add VueJS component to Blade file

How to add VueJS component to Blade file ?

It is working fine if I add component like below.

<div id="app">
    <example-component />
</div>

But it is not working if I add component like below.

<div class="container" id="app">
    <div class="row">
        <div class="col-md-12">
            <div id="loading">
                <div>
                    <div>
                        <example-component />
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

vincent15000

3 years ago

Level 63

It's probably a problem with your id.

<div class="container">
    <div class="row">
        <div class="col-md-12">
            <div id="loading">
                <div>
                    <div id="app">
                        <example-component />
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

1 like

Please or to participate in this conversation.