Wie kann ich einzelne Datei Vue-Komponente mit Symfony 4 verwenden?

Question

Was ich tun möchte, ist: 1) in app.js der Lage sein, verwenden

import Vue from 'vue' 
import Time from './vue/components/Time' 

Vue.component('vue-time', { 
    template: '<span class="foo bar">Hi</span>' 
}) 

new Vue({ 
    el: 'header', 
    components: { Time } 
}) 

2) in Time.vue: möglich

<template> 
    <div>current time</div> 
</template> 

<script> 
    module.exports = { 

    } 
</script> 

<style> 
</style> 

Ist das? Alles wird mit encore-webpack und symfony4 implementiert. Danke.

Answer 1

in app.js registriert 2 Komponenten:

1. Zeit - registriert localy
2. vue Zeit - global registriert

wenn Sie Zeit registrieren möchten global hinzufügen in app.js dies:

* verwenden Sie keine Namen Timehttps://developer.mozilla.org/uk/docs/Web/HTML/Element/time

Vue.component(`Time`, Time) 

in app.js diese löschen:

components: { Time } 

dann Tag verwenden <time></time> überall in Ihrer Anwendung