Vue常用组件导入汇总
npm四种安装模式(按需自行选择)
- npm install module_name (本地安装)
- npm install module_name -g (全局安装)
- npm install module_name -d (开发时要用)
- npm install module_name -s (发布生产时要用)
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
});
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);
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
- 未完。。。