Laravel 5.5的Vue单个文件组件

时间:2018-10-01 11:05:15

标签: vue.js laravel-5.5

问题:

  

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

XCTAssertNoThrow

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> 搞砸了,但我不确定。

1 个答案:

答案 0 :(得分:1)

您能否尝试导入组件并像这样添加它:

import Test from './components/Test';

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

您的问题似乎与此有关:Components registration