Mixin рендеринг функции композиции - PullRequest
Новая
       13

Mixin рендеринг функции композиции

0 голосов
/ 10 января 2019

С помощью vuejs mixins вы можете составлять данные метода и многое другое, но функция рендеринга не очень хорошо работает. Есть ли способ иметь частичный шаблон, который также может быть смешан в компоненте?

Примерно так:

MyMxn.js 

export popupTemplate = function render(h) {
};

export default {
 ...
}
MyComponent.vue 
<template>
  <div>
    << popupTemplate >>
    ....
  </div>
</template>

<script>
import { MyMxn as default, popupTemplate } from "MyMxn.js";
export default {
   mixins: [MyMxn]
}
</script>

1 Ответ

0 голосов
/ 11 января 2019

Вы можете использовать Vue Слоты

Это позволяет вам составлять компоненты следующим образом: 

 <navigation-link url="/profile">
 Your Profile
 </navigation-link>

Тогда в шаблоне для <navigation-link> вы можете иметь: 

 <a
   v-bind:href="url"
   class="nav-link"
 >
   <slot></slot>
 </a>

Или даже другие компоненты: 

<navigation-link url="/profile">
<!-- Use a component to add an icon -->
<font-awesome-icon name="user"></font-awesome-icon>
Your Profile
</navigation-link>
...