Vue常用组件导入汇总

Vue常用组件导入汇总

npm四种安装模式（按需自行选择）

1. npm install module_name (本地安装)
2. npm install module_name -g (全局安装)
3. npm install module_name -d (开发时要用)
4. npm install module_name -s (发布生产时要用)

1. vue-router

npm install vue-router

router/index.js

import Vue from 'vue'
import Router from 'vue-router'

Vue.use(Router);

main.js

import router from './router'

Vue.use(router);

new Vue({
  el: '#app',
  router
});

2. vue-axios

npm install --save axios vue-axios

main.js

import Vue from 'vue'
import axios from "axios"
import VueAxios from 'vue-axios'

Vue.use(VueAxios,axios);

3. ElementUI

npm i element-ui -S

main.js

import Vue from 'vue';
import ElementUI from 'element-ui';
import 'element-ui/lib/theme-chalk/index.css';
import App from './App.vue';

Vue.use(ElementUI);

new Vue({
  el: '#app',
  render: h => h(App)
});

注：因为导入的文件中含有css文件，所以还需要加入sass-loader和node-sass组件（npm下载可能会出现问题，可以使用cnpm下载）

cnpm install sass-loader node-sass --save

4. 未完。。。