当前位置: 首页 > news >正文

vue-cli脚手架一些插件安装elementui和axios

先在项目里打开cmd 输入npm i element-ui -S回车,然后在配置

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);

安装 axios :
npm install 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)
在页面中的用法:
Vue.axios.get(api).then((response) => {
  console.log(response.data)
})
 
this.axios.get(api).then((response) => {
  console.log(response.data)
})
 
this.$http.get(api).then((response) => {
  console.log(response.data)
})
复制代码
或者在 main.js 中写入以下内容:

import axios from 'axios'
Vue.prototype.$axios = axios

使用页面

this.$axios.get(api).then((response) => {
  console.log(response.data)
})
安装jquery依赖
npm install jquery --save
在 main.js 中写入以下内容:
import $ from 'jquery' 


转载于:https://www.cnblogs.com/wangjianping123/p/9140237.html

相关文章:

  • MD5加密解密
  • MS SQL 需要定期清理日志文件
  • Django-admin管理工具
  • Spring读书笔记-----部署我的第一个Spring项目
  • 减少死锁的几个常用方法
  • ylbtech-cnblogs(博客园)-数据库设计-7,News(新闻)
  • 用whistle和proxifier抓包调试任意客户端的网络请求
  • 一个C#文件传输模块,支持断点续传
  • linux 软硬链接
  • 单用户登陆限制(单点登录??)
  • 操作系统---进程 vs 线程
  • WPF使用第三方的字体(TTF文件)
  • RabbitMQ基础教程之基于配置的消费者实现
  • 上传文件过大的问题FileUploadBase$SizeLimitExceededException
  • 数据库index
  • 【402天】跃迁之路——程序员高效学习方法论探索系列(实验阶段159-2018.03.14)...
  • android高仿小视频、应用锁、3种存储库、QQ小红点动画、仿支付宝图表等源码...
  • java取消线程实例
  • js继承的实现方法
  • Koa2 之文件上传下载
  • SOFAMosn配置模型
  • 安卓应用性能调试和优化经验分享
  • 闭包,sync使用细节
  • 后端_MYSQL
  • 配置 PM2 实现代码自动发布
  • 前端相关框架总和
  • 使用Envoy 作Sidecar Proxy的微服务模式-4.Prometheus的指标收集
  • 算法-图和图算法
  • 探索 JS 中的模块化
  • 微信小程序开发问题汇总
  • 用jQuery怎么做到前后端分离
  • - 语言经验 - 《c++的高性能内存管理库tcmalloc和jemalloc》
  • ​水经微图Web1.5.0版即将上线
  • #stm32驱动外设模块总结w5500模块
  • (4)STL算法之比较
  • (pojstep1.1.1)poj 1298(直叙式模拟)
  • (zt)最盛行的警世狂言(爆笑)
  • (二)PySpark3:SparkSQL编程
  • (二)基于wpr_simulation 的Ros机器人运动控制,gazebo仿真
  • (一) storm的集群安装与配置
  • (转)ObjectiveC 深浅拷贝学习
  • (转载)(官方)UE4--图像编程----着色器开发
  • (轉)JSON.stringify 语法实例讲解
  • ..thread“main“ com.fasterxml.jackson.databind.JsonMappingException: Jackson version is too old 2.3.1
  • ./indexer: error while loading shared libraries: libmysqlclient.so.18: cannot open shared object fil
  • ./和../以及/和~之间的区别
  • .bat批处理出现中文乱码的情况
  • .NET C#版本和.NET版本以及VS版本的对应关系
  • .net core 控制台应用程序读取配置文件app.config
  • .net refrector
  • .NET 表达式计算:Expression Evaluator
  • .NET 将多个程序集合并成单一程序集的 4+3 种方法
  • .Net8 Blazor 尝鲜
  • .net中调用windows performance记录性能信息
  • @Autowired @Resource @Qualifier的区别