Использование компонента Vue в проекте Laravel Mix - PullRequest
Новая
       88

Использование компонента Vue в проекте Laravel Mix

0 голосов
/ 28 октября 2019

Я создал проект 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 в моей функции. Php

Я пытался использовать свой компонент в одном из моих файлов .php, но ничего не появляется. Могу ли я использовать компонент во всем моем php-файле? Куда мне нужно импортировать мой app.js?

Заранее спасибо за ответы!

...