Vue.js - 单个文件组件 - 未知的自定义元素

Question

我有一个简单的单文件组件，名为“ MobileApps.vue ”：

<template>
    <div class="grey-bg about-page">
        <p>{{ greetings }}</p>
    </div>
</template>

<script>
    export default {
        name: 'Home',
        data() {
            return {
                greetings: "Hello"
            }
        }
    };
</script>

并注册它：

const app = new Vue({
el: '#app',
router,
components: {
    Home,
    About,
    Gas,
    Electricity,
    Contacts,
    Electricity_info,
    Gas_info,
    MobileApps
},
data: {
},
created() {
},
destroyed() {

},
mounted() {
    let mySVGsToInject = document.querySelectorAll('img.inject-me');
    SVGInjector(mySVGsToInject);
},
methods: {
}

});

当我尝试使用<MobileApps>组件打开 HTML 文件时，我会收到错误消息：

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

但即使我提供了一个名字，也没有任何反应。

Answer 1

尝试使用 cabeb-case 格式<mobile-apps> ，例如：

 <mobile-apps></mobile-apps>