zoukankan      html  css  js  c++  java
  • 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' 


  • 相关阅读:
    hdu 1124 OR toj 1065 简单数论
    this和判断的位置对赋值的要求
    快捷键操作
    常量池和堆的区别
    toString的用法
    使用泛型解决之前的问题
    不使用泛型会运行时会出现的问题
    集合图型
    代码块运行的优先级
    遍历集合的Iterator删除其中的元素
  • 原文地址:https://www.cnblogs.com/wangjianping123/p/9140237.html
Copyright © 2011-2022 走看看