在Vue NativeScript中导入子模板

时间:2020-10-22 07:42:19

标签: vue.js vuejs2 vue-component nativescript

如何在组件中导入子模板以保持代码干净。

我知道我们可以创建组件并将其注册到其他组件中, 但是我只想将模板代码的一部分存储在一个单独的文件中,以保持模板部分的整洁而又不会弄乱引用和其他参数。

有可能吗?

类似这样的转换:

<template>
<GridLayout>

    <StackLayout ref="cc1" class="c1" ></StackLayout>
    <StackLayout ref="cc2" class="c2" ></StackLayout>
    <StackLayout ref="cc3" class="c3" ></StackLayout>
    <StackLayout ref="cc4" class="c4" ></StackLayout>

    <GridLayout></GridLayout>
    <GridLayout></GridLayout>

</GridLayout>
</template>

对此:

<template>
<GridLayout>

    <import ccx ...> ???

    <GridLayout></GridLayout>
    <GridLayout></GridLayout>

</GridLayout>
</template>

正如我刚才所说,我想避免定义新的组件,因为$ refs的访问会有些困难。

0 个答案:

没有答案