标签:npm axios vue 创建 element Vue import
一、创建Vue
---Cmd控制台输出 或 在Vue终端编辑 执行方式一、方式二命令
方式一: vue init webpack 项目名称 运行:npm start /npm run serve
方式二: vue ui 浏览器打开进行创建编辑 运行:npm run serve
二、安装组件Element和安装axios
1、引用ElementUI,官网: https://element.eleme.cn/#/zh-CN/component/installation
-
- 安装elementui命令: npm i element-ui -S
- 在 main.js 中写入以下内容:
import ElementUI from 'element-ui';
import 'element-ui/lib/theme-chalk/index.css';
Vue.use(ElementUI);
2、引用Axios,官网: http://www.axios-js.com/zh-cn/docs/vue-axios.html
-
- 安装Axios命令: npm install --save axios vue-axios
- 在 main.js 中写入以下内容:
第一种:
import axios from 'axios'
import VueAxios from 'vue-axios'
Vue.use(VueAxios, axios)
使用时用法: this.axios.get/post/delete/put(Url).then(res=>{})
第二种:在原型链上挂载axios
Vue.prototype.$axios=axios;
使用时用法:this.$axios.get/post/delete/put(Url).then(res=>{})
三、
标签:npm,axios,vue,创建,element,Vue,import 来源: https://www.cnblogs.com/ZhuMeng-Chao/p/16076111.html
本站声明: 1. iCode9 技术分享网(下文简称本站)提供的所有内容,仅供技术学习、探讨和分享; 2. 关于本站的所有留言、评论、转载及引用,纯属内容发起人的个人观点,与本站观点和立场无关; 3. 关于本站的所有言论和文字,纯属内容发起人的个人观点,与本站观点和立场无关; 4. 本站文章均是网友提供,不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属;如您发现该文章侵犯了您的权益,可联系我们第一时间进行删除; 5. 本站为非盈利性的个人网站,所有内容不会用来进行牟利,也不会利用任何形式的广告来间接获益,纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。