Question

如何在 laravel blade 中使用 vue.js 组件？

2017-09-06

30838

javascript php laravel vue.js

我在我的app.js中注册组件：

853615733

现在我想导入该组件：

802248143 < < p>进入我的blade.php文件： 291770465

最简单的方法是什么？

Answer 1

在 app.js 中

import navbar from './components/Navbar.vue';
Vue.component('navbar', require('./components/Navbar.vue'));

var app = new Vue({
   el: '#app',
   components: {
       'navbar': require('./components/Navbar.vue'),
   }
});

在你的 blade 中：

<body class="">
<div id="app">
    <div class="">
       <navbar></navbar>
       @yield('content')
    </div>
</div>

Answer 2

这是一个老话题，但是：不要忘记运行 npm run dev 来编译 app.js

PJ.Wanderson

2020-08-05