javascript - 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