das-component-vue

快速上手

引入 das-component-vue

1. 安装

使用 npm 或 yarn 安装

$ npm install das-component-vue --save

$ yarn add das-component-vue

2. 注册

如果使用 Vue 默认的模板语法，需要注册组件后方可使用

全局完整注册

import { createApp } from 'vue';
import DasComponent from 'das-component-vue';
import App from './App.vue';

createApp(App).use(DasComponent).mount('#app');

注意：引入 das-component-vue 前你需要自行引入 Ant Design Vue 及其相关插件。

按需加载

使用 unplugin-vue-components 实现自动导入：

npm install -D unplugin-vue-components

// vite.config.js
import Components from 'unplugin-vue-components/vite'
import { dasComponentResolver } from 'das-component-vue';
import { defineConfig } from 'vite'

export default defineConfig({
  plugins: [
    Components({
      resolvers: [
        AntDesignVueResolver({
          importStyle: false
        }),
        dasComponentResolver()
      ]
    })
  ]
})

然后你可以在代码中直接引入 das-component-vue 的组件，插件会自动将代码转化为 import { xxx } from 'das-component-vue' 的形式。