Laravel + VueJS-组件未显示

Question

我正在尝试在Laravel应用中添加VueJS，但我的第一个组件未显示在页面上。

正如您在源页面上看到的那样，我们可以看到组件“登录”。

这是关联代码：

<template>
    <p>Coucou je suis un élément Vue.JS</p>
</template>

<script>
    export default {
        name: "login"
    }
</script>

<style scoped>

</style>

这只是一个显示字符串的简单组件。

这里有app.js

/**
 * First we will load all of this project's JavaScript dependencies which
 * includes Vue and other libraries. It is a great starting point when
 * building robust, powerful web applications using Vue and Laravel.
 */

require('./bootstrap');

window.Vue = require('vue');

/**
 * Next, we will create a fresh Vue application instance and attach it to
 * the page. Then, you may begin adding components to this application
 * or customize the JavaScript scaffolding to fit your unique needs.
 */

Vue.component('example-component', require('./components/ExampleComponent.vue'));
Vue.component('login', require('./components/Auth/Login.vue'));

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

但是我的问题是html页上什么都没有：/完全空白...

如果有人可以解释出什么问题了，将不胜感激。预先感谢。

Answer 1

好吧，我发现了我的错误。我忘了在这两行中添加这些内容：

<script src="{{ asset('js/manifest.js') }}"></script>
<script src="{{ asset('js/vendor.js') }}"></script>