vue.js - vue ant design components 使用的最佳方式

Question

我使用 vue2 ant 设计库，并且有许多相同的组件

import Vue from "vue"
import select from "select"
Vue.use(select)

是这样的最佳使用方式，还是我应该在 app.vue 中导入所有 ant design ui？

Answer 1

如果你想在你的项目中使用大量的 antd 组件，建议antd全局注册插件以使所有组件都可用，而无需import {someComponent,...} from 'ant-design-vue'在每个组件中使用：

import Vue from 'vue';
import Antd from 'ant-design-vue';
import App from './App';
import 'ant-design-vue/dist/antd.css';


Vue.use(Antd);//register all components

new Vue({
  el: '#app',
  components: { App },
  template: '<App/>',
})

如果您有一个小项目，您可以在需要时在本地导入组件，例如：

 import { Button, message } from 'ant-design-vue';