vue多次引用组件，减少每个页面import的方法

项目场景：

发现项目查询列表和查询条件是公共组件，但是每个页面都要重复import引用，所以找了下有没有便捷的解决办法。

---

问题描述

`

---

解决方案：

新建一个js文件，全局应用

import queryConditons from '../components/queryConditons/queryConditions'
import queryResults from '../components/queryResults/queryResults'
export default{
    install(Vue){
        Vue.component('query-conditions',queryConditons)
        Vue.component('query-results',queryResults)
    }
}

在main,js 引用该文件

import components from '@/api/bothComponents.js'
Vue.use(components)

这样全局的页面就都可以应用，无需import

<query-conditions></query-conditions>
<query-results></query-results>