Vue & Quasar -共享自定义组件

Question

我们有几个使用Quasar构建的SPA。一切都很好，但现在我们看到有某些组件可以提取到共享组件中。

我们的计划是提取相关代码并发布到我们的私有npm代码库。如何构建并发布使用Quasar中的组件构建的组件？

有了vuetify这样的东西，我就可以导入所需的组件，然后开始构建我的组件，但是在Quasar的情况下，导入是根据配置的主题来解决的。

Answer 1

如果您添加Quasar作为依赖项，则可以从它单独导入组件，例如

<template>
    <q-select :value="value" :options="options" @change="handleChange" filter filter-placeholder="select"/>
</template>

<script>
  import { QSelect } from 'quasar'

  export default {
    props: ['value', 'options'],
    methods: {
      handleChange (newVal) {
        this.$emit('input', newVal)
      }
    },
    components: {
      QSelect
    }
  }
</script>

下面是我从以下网站获得的完整教程：https://forum.quasar-framework.org/topic/696/how-to-building-components-with-quasar