2021-01-28

在项目中使用组件库使用方法：

1：  首先在项目中：  安装到项目组件库：

npm install ant-design-vue --save

2： 然后在项目中的  main.js 文件中：

import Antd from 'ant-design-vue';
import 'ant-design-vue/dist/antd.css';
Vue.config.productionTip = false;
Vue.use(Antd);

  引入ant - design- vue 组件

  然后引入： ant-design-vue/ dist/antd.css 样式文件

  然后挂载到vue 的实例上

3： 然后配置路由：

 在 router 文件夹 中有index.js 配置路由：

import Vue from 'vue'
import VueRouter from 'vue-router'
import AntDesign from '../views/antDesign.vue'

Vue.use(VueRouter)

首先引入 vue 
然后引入 vueRouter 从 'vue-router'

4： 配置vue router 路由配置问题：

const routes = [
  {
    path: '/antDesign',
    name: 'antDesign',
    component: AntDesign
  }
]

routers： 是一个数组：  里边配置路由路径：

 每一个路径都是一个对象：  path： 字段，   name: 字段， component:  代表当前新建     .vue 文件；

const router = new VueRouter({
  routes
})

export default router