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

Question

我像这样在 app.js 中注册了组件：

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

现在我要导入该组件：

<template>
<nav class="navbar">CODE HERE</nav>
</template>

进入我的 blade.php 文件：

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

最简单的方法是什么？

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

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

How to use vue.js component in laravel blade?

javascript

php

laravel

vue.js