vue组件框架_vue框架的组件

vue组件框架(全局)

antd模块 antd框架

src/main.js
/**全局引入 */
import Antd from 'ant-design-vue';
import 'ant-design-vue/dist/antd.css';
Vue.use(Antd);
1
2
3
4
5

element模块 饿了吗框架

cnpm i element-ui -S

src/main.js

//载入Element 框架   饿了吗
import 'element-ui/lib/theme-chalk/index.css';
import ElementUI from 'element-ui';
Vue.use(ElementUI);

1
2
3
4
5
6
7

iview 模块 美团框架

cnpm install iview -S

src/main.js

//载入美团框架
import iView from 'iview';
import 'iview/dist/styles/iview.css'
Vue.use(iView);

1
2
3
4
5
6
7

vant模块 有赞框架

cnpm i vant -S

src/main.js

//载入有赞框架
import Vant from 'vant';
import 'vant/lib/index.css';
Vue.use(Vant);

1
2
3
4
5
6
7

v-charts 数据视图框架

cnpm i v-charts echarts -S

src/main.js

//载入v-charts

import VCharts from 'v-charts'
import App from './App.vue'

Vue.use(VCharts)
1
2
3
4
5
6
7
8

axios

cnpm install axios -S

src/main.js

//载入v-charts

import Vue from 'vue';

import axios from 'axios';

/*全局安装，我们可以把axios挂载到vue实例的全局属性中*/
axios.defaults.baseURL = 'http://www.jx-tongan.com/vueapi/';
Vue.prototype.$axios = axios;
1
2
3
4
5
6
7
8
9
10
11