在Vue中扩展导入的组件

时间:2017-12-20 13:03:26

标签: javascript vuejs2 vue-component

我使用的是单个文件组件,我想知道有没有办法扩展导入的组件

例如,我有Products.vue和Filter.vue组件。 Products.vue组件包含带有表名的字符串,它从中获取数据。 Filter.vue工作应该知道它过滤的表名。 Normaly我应该使用Products.vue中的props将数据传递给Filter.vue。但问题是有多个过滤器变得重复,我想避免它。 如果有一些构造用于扩展导入的组件,那将会很好:

Products.vue:

<template>
...
</template>

<script>
import Filter from './Filter.vue'

export default {
  components: {
    // something like
    'extendedFilter': Filter.extend({ data() { return { table: this.table_name } } })
  },
  data() {
    return {
      table_name: 'test_table'
    }
  }
}
</script>

0 个答案:

没有答案