Question

我的Vue中有两个组件，“ navbar”和“ articles”。 “文章”工作正常，“导航栏”工作不正常。我收到“未知的自定义元素：您是否正确注册了组件”的错误？这是我的代码。

Navbar.vue

<template>
    <nav class="navbar navbar-expand-sm navbar-dark bg-info mb-2">
        <div class="container">
            <a href="#" class="navbar-brand">Testing Vue</a>
        </div>
    </nav>
</template>

app.js

Vue.component('navbar', require('./components/Navbar.vue'));
Vue.component('articles', require('./components/Articles.vue'));


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

blade.php

<body>
    <div id="app">
        <navbar></navbar>
        <div class="container">
            <articles></articles>
        </div>
    </div>


    <script src="{{asset('js/app.js')}}"></script>    
 </body>

Answer 1

您的Navbar.vue没有模型。您不能仅使用模板。您需要默认导出（或在使用require，module.exports时）：

<template>
    <nav class="navbar navbar-expand-sm navbar-dark bg-info mb-2">
        <div class="container">
            <a href="#" class="navbar-brand">Testing Vue</a>
        </div>
    </nav>
</template>
<script>
  module.exports = {
    name: 'navbar',
    data: function() {
      return {}
    }
  }
</script>

Vue未检测到组件

1 个答案: