无法在 DOM 上挂载数据

Question

我是 vuejs 新手...我无法将组件的数据挂载到刀片文件中

app.js

Vue.component('example-component', 
require('./components/ExampleComponent.vue').default);

const app = new Vue({
  el: '#app',
});

home.blade.php

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

ExampleComponent.vue

<template>
<div class="container">
    <div class="row justify-content-center">
        <div class="col-md-8">
            <div class="card">
                <div class="card-header">Example Component</div>

                <div class="card-body">
                    I'm an example component.
                </div>
            </div>
        </div>
    </div>
</div>

<script>
export default {
    mounted() {
        console.log('Component mounted.')
    }
}

没有错误，但是 元素示例组件 原样显示..我想显示安装在控制台上的组件？

Answer 1

我发现我在编码时错过的事情是，

我没有包含 app.js 文件...

包含此文件后，我克服了我的输出..