如何在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. 时间 - 在当地注册
2. vue-time - 注册全球

如果你想在app.js中注册Time global add：

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

Vue.component(`Time`, Time)

在app.js中删除这个：

components: { Time }

然后在你的应用程序的任何地方使用标签<time></time>