Filter VueJs-单组分多过滤器

我有一个vue Js组件，它根据过滤器输出数据

Vue.component('talents', {

        template: `<div>
                     <div  v-for="talent in filteredItems" @mouseover="activate" @mouseout="deactivate" v-bind:class="talent.classes"  class="item">
            <div class="vline"></div>
        <div class="details">
            <div class="media">{{talent.sectors}}</div>
            <div class="title">{{talent.title}}</div>
            <div class="description">{{talent.description}}</div>
        </div>
          <div class="img">
        <div class="overlay"><a class="button" v-bind:href="talent.link">View project <div class="plus"><span>[</span><span>+</span><span>]</span></div></a></div>     
        <img v-bind:src="talent.image">
    </div>
    `,

Vue.component（'tallents'{
模板：`
{{人才行业}
{{talent.title}
{{talent.description}
`,

---

我想重新使用该组件，但对其应用不同的筛选器。这可能吗？

您可以使该组件接受来自父组件的某些道具，然后您可以将这些过滤后的数据作为道具从父组件发送到子组件。有一个mixin选项，但不确定它是否完全适用于您。。是的，这是可能的。这nk会有帮助的，