Fatal编程技术网
  • javascript/
  • Javascript VueJs组件不显示在laravel刀片上

Javascript VueJs组件不显示在laravel刀片上

javascript laravel vue.js

Javascript VueJs组件不显示在laravel刀片上,javascript,laravel,vue.js,Javascript,Laravel,Vue.js,我试图在assets/js/components/LoginComponent.vue中显示一个vue组件，如下所示 <template> <h1>hello</h1> </template> <script> export default { mounted() { console.log('Component mounted.') } } </script> 尝试导入vuejs组件的刀

我试图在assets/js/components/LoginComponent.vue中显示一个vue组件，如下所示

<template>
<h1>hello</h1>
</template>
<script>
export default {
    mounted() {
        console.log('Component mounted.')
    }
}
 </script>
尝试导入vuejs组件的刀片如下所示

require('./bootstrap');

window.Vue = require('vue');
Vue.component('login-component', require('./components/LoginComponent.vue'));

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

<body>
<div id="app">


        <login-component></login-component>


        @yield('content')

</div>
</body>


@产量（‘含量’）
它显示所有页面，但不显示组件，不知道如何解决该问题。

这些解决了问题

安装这些，ctrl+s将重新构建所有js并找到它

  • 使用npm run watch或npm run dev编译Vue文件
  • 检查您是否具有指向刀片文件上已编译资源的链接：

    
@如果（app（）->isLocal（））
@否则
@endif

  • 请在“网络”选项卡中检查它们是否正确加载

  • 另外，将#app div仅包装登录组件

    
@产量（“内容”）

      • 在app.js中

      Vue.component（'login-component'，require（'./components/LoginComponent.Vue'）。默认值）；
      并且需要安装
      npm安装--保存axios vue axios

      在app.js的上方，需要声明

      从“vue axios”导入VueAxios；
从“axios”导入axios；
需要（'./引导'）；
window.Vue=require（'Vue'）；
Vue.use（VueAxios、axios）；
      希望它能工作

      是否有任何错误消息？不要忘记npm run watch实际构建component@BennettDams不，这是我得到的@khalidakry你在你的应用程序组件中包括了
      组件：{login component}
      ？@BennettDams你是说这行Vue.component（'login-component'，require（'./components/LoginComponent.Vue'）？