vue.js - 带有 Laravel 5.5 的 Vue 单文件组件

Question

问题：

[Vue 警告]：未知的自定义元素：- 您是否正确注册了组件？对于递归组件，请确保提供“名称”选项。

Test.vue：

<template>
    <p>test</p>
</template>

<script>
    //also tried export default
    module.exports = {
        name: "test"
    }
</script>

<style scoped>

</style>

app.js：

Vue.component('test', require('./components/Test'));

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

我在blade模板中的用法：

<test></test>

怎么了？

我还有一些其他组件可以正常工作。它们是半年前制造的，可能npm update把事情搞砸了，但我不确定。

标签： vue.jslaravel-5.5

Answer 1

您可以尝试导入组件并像这样添加它：

import Test from './components/Test';

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

您的问题似乎与此有关：组件注册