Question

我通过以下步骤创建了一个laravel mix项目：https://laravel-mix.com/docs/5.0/installation，并安装了vuejs。

我的app.js看起来像：

/* Libraries */
import Vue from 'vue';

/* Components */
import test from './components/test';

/* Initialize */
/* Render Vue.js instance on  #app div */
const app = new Vue({
    el: '#app',
    components:{
        test,
    }
});

我有一个包含以下内容的“测试”组件：

<template>
    <div class="test-vue">
        {{ message }}
    </div>
</template>

<script>
    export default {
        name: "test",
        data() {
            return {
                message: 'Hello World',
            }
        }
    }
</script>

实际上这是一个wordpress网站，因此我使用wp_enqueue_scripts在我的function.php中导入脚本

我试图在我的'.php'文件之一中使用组件，但是什么也没出现。我可以在所有PHP文件中全局使用组件吗？我必须在哪里导入app.js？

提前感谢您的回答！

在Laravel Mix项目中使用Vue组件

0 个答案: