美文网首页
vue3.0项目从0到1-添加ant design ui组件

vue3.0项目从0到1-添加ant design ui组件

作者: 张中华 | 来源:发表于2020-10-15 08:37 被阅读0次

    官网:Ant Design of Vue

    安装

    npm install ant-design-vue --save
    

    yarn add ant-design-vue
    

    main.ts

    import { createApp } from 'vue'
    import App from './App.vue'
    import './registerServiceWorker'
    import router from './router'
    import store from './store'
    // 此处使用的是全部引入
    import antd from 'ant-design-vue'
    
    import 'ant-design-vue/dist/antd.css'
    const app = createApp(App)
    
    app.use(store).use(router).use(antd).mount('#app')
    

    使用方式:
    about.vue

    <template>
      <div class="about">
        <a-button type="primary">Primary</a-button>
      </div>
    </template>
    
    运行结果

    相关文章

      网友评论

          本文标题:vue3.0项目从0到1-添加ant design ui组件

          本文链接:https://www.haomeiwen.com/subject/hpdxpktx.html