如何在symfony 4中使用单个文件vue组件？

Question

我想做的是： 1）在app.js中可以使用

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）在Time.vue：

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

<script>
    module.exports = {

    }
</script>

<style>
</style>

这可能吗？所有都是使用encore-webpack和symfony4实现的。 感谢。

Answer 1

在 app.js 中注册了2个组件：

1. 时间 - 已注册localy
2. vue-time - 已注册的全球

如果您想在 app.js 中注册时间全局添加：

*请勿使用名称Time https://developer.mozilla.org/uk/docs/Web/HTML/Element/time

Vue.component(`Time`, Time)

app.js 中的

删除此内容：

components: { Time }

然后在您的应用中的任何位置使用标记<time></time>