Laravel-Vue组件
Laravel-Vue组件
提问于 2020-11-16 20:22:51
我正在尝试附加一个带有标签的vue组件
MyComponent.vue
<template>
<div>
<h1>Hi</h1>
</div>
</template>
<script>
export default {
}
</script>这是app.js
require('./bootstrap');
window.Vue = require('vue');
import MyComponent from './components/MyComponent.vue';
Vue.component('myComponent', MyComponent);
const app = new Vue({
el: '#app'
})这是我的welcome.blade的主体
<body>
<div id="app">
<myComponent></myComponent>
</div>
<script src="{{ mix('js/app.js') }}"></script>
</body>我得到了这个错误
未知的自定义元素: mycomponent -您是否正确注册了组件？对于递归组件，请确保提供"name“选项。
回答 2
Stack Overflow用户
发布于 2020-11-16 20:26:25
请尝试使用区分大小写的vuejs
Vue.component('my-component', require('./components/MyComponent.vue').default);和html
<body>
<div id="app">
<my-component></my-component>
</div>
<script src="{{ mix('js/app.js') }}"></script>
</body>Stack Overflow用户
发布于 2020-11-16 20:48:59
通常，在结束</body>标记之前。Check this link for referance
<body>
<div id="app">
<my-component></my-component>
</div>
<script src="{{ asset('js/app.js') }}"></script>
</body>页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/64857964
复制相关文章
相似问题
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号