vue 引入Element-ui和axios

Posted my-happyprograminglife

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了vue 引入Element-ui和axios相关的知识,希望对你有一定的参考价值。

vue create project_name

npm install    sass-loader node-sass     sass fibers

npm install element-ui

npm install axios

完整引入

在 main.js 中写入以下内容:

  import Vue from ‘vue‘;
import ElementUI from
‘element-ui‘; import ‘element-ui/lib/theme-chalk/index.css‘;
Vue.use(ElementUI);

import axios from
‘axios‘ import VueAxios from ‘vue-axios‘
Vue.use(VueAxios, axios)
import App from ‘./App.vue‘; const originalPush = Router.prototype.push Router.prototype.push = function push(location) { return originalPush.call(this, location).catch(err => err) } new Vue({ el: ‘#app‘, render: h => h(App) });

 

 

以上代码便完成了 Element 的引入。需要注意的是,样式文件需要单独引入。

以上是关于vue 引入Element-ui和axios的主要内容,如果未能解决你的问题,请参考以下文章

vue 封装数据请求

vue+vue-router+axios+element-ui构建vue实战项目之七(渲染content.vue内容)

vue-cli axios封装(element-ui)

vue2 + element-ui + axios 开源项目推荐

Vue + element-ui 前端项目一Table 表格并实现分页 2

vue中element-ui 使用axios上传文件 组件