我使用的是单个文件组件,我想知道有没有办法扩展导入的组件
例如,我有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>