Question

我想使用模板作为单文件组件来创建vueJS功能组件。我正在使用x-templates，因此我的组件将位于.html文件中。

例如，如何将以下组件变成功能组件？

<!-- my_component.html -->
<script type="text/x-template" id="my-component-template">
    <div>
        blah blah blah
    </div>
</script>

<script>
    Vue.component('my-component', {
        delimiters: ['[[', ']]'],
        template: '#my-component-template',
        props: {},
    })
</script>

仅当我使用.vue文件时，我才能找到有关如何执行此操作的示例，在这种情况下，您将使用<template functional>。您如何使用x-templates做同样的事情？

Answer 1

来自the docs：

Vue.component('my-component', {
  functional: true,
})

VueJS如何使用x-templates创建功能组件？

1 个答案: