Vue& Quasar - 共享自定义组件

时间:2018-03-21 14:43:33

标签: javascript node.js vue.js quasar-framework

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

计划是提取相关代码并发布到我们的私人npm repo。如何构建然后发布使用Quasar中的组件构建的组件?

像vuetify这样的东西我可以导入所需的组件并开始构建我的组件但是在Quasar的情况下,导入会根据配置的主题来解决。

1 个答案:

答案 0 :(得分:0)

如果将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