当前位置: 首页 > 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
  • [微信小程序] 使用ES6特性Class后出现编译异常
  • 【从零开始安装kubernetes-1.7.3】2.flannel、docker以及Harbor的配置以及作用
  • Android系统模拟器绘制实现概述
  • C++类的相互关联
  • github从入门到放弃(1)
  • JavaScript HTML DOM
  • Javascript基础之Array数组API
  • js如何打印object对象
  • js学习笔记
  • SAP云平台里Global Account和Sub Account的关系
  • UEditor初始化失败(实例已存在,但视图未渲染出来,单页化)
  • Yii源码解读-服务定位器(Service Locator)
  • 阿里云购买磁盘后挂载
  • 编写符合Python风格的对象
  • 从tcpdump抓包看TCP/IP协议
  • 从零到一:用Phaser.js写意地开发小游戏(Chapter 3 - 加载游戏资源)
  • 从零开始的无人驾驶 1
  • 大整数乘法-表格法
  • 紧急通知:《观止-微软》请在经管柜购买!
  • 买一台 iPhone X,还是创建一家未来的独角兽?
  • 日剧·日综资源集合(建议收藏)
  • 如何设计一个微型分布式架构?
  • 一些css基础学习笔记
  • 【干货分享】dos命令大全
  • Java性能优化之JVM GC(垃圾回收机制)
  • NLPIR智能语义技术让大数据挖掘更简单
  • scrapy中间件源码分析及常用中间件大全
  • 资深实践篇 | 基于Kubernetes 1.61的Kubernetes Scheduler 调度详解 ...
  • #我与Java虚拟机的故事#连载14:挑战高薪面试必看
  • ${ }的特别功能
  • (1) caustics\
  • (9)YOLO-Pose:使用对象关键点相似性损失增强多人姿态估计的增强版YOLO
  • (五)c52学习之旅-静态数码管
  • (一)Thymeleaf用法——Thymeleaf简介
  • (原创)Stanford Machine Learning (by Andrew NG) --- (week 9) Anomaly DetectionRecommender Systems...
  • (原創) 如何刪除Windows Live Writer留在本機的文章? (Web) (Windows Live Writer)
  • (转)C#开发微信门户及应用(1)--开始使用微信接口
  • (转)c++ std::pair 与 std::make
  • ./mysql.server: 没有那个文件或目录_Linux下安装MySQL出现“ls: /var/lib/mysql/*.pid: 没有那个文件或目录”...
  • [ 代码审计篇 ] 代码审计案例详解(一) SQL注入代码审计案例