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