vue2+ant-design-vue的使用—＞快速上手

vue2+ant-design-vue的使用—>快速上手

使用背景：vue-cli@3创建vue2项目+node （14版本）

快速上手

• 创建项目—不再赘述

• 安装ant-design npm i --save ant-design-vue@1.7.8 这里需要指定antd-vue的版本号，不然会出现错误（挺多的，就不说了）。

• 在main.js中引入

  import Vue from 'vue'
  import App from './App.vue'
  import router from './router'
  import store from './store'
  import Button from 'ant-design-vue/lib/button';
  import 'ant-design-vue/dist/antd.css';
  Vue.use(Button)
  Vue.config.productionTip = false
  
  new Vue({
    router,
    store,
    render: h => h(App)
  }).$mount('#app')
  

• 在组件中使用

  <template>
    <div id="app">
      <a-button type="primary">Button></a-button>
    </div>
  </template>
  

全局引入请看本专栏-----全局引入篇