Vue WebStorm Use Element_ui And axios

最新推荐文章于 2024-03-14 16:34:56 发布

OHISAY

最新推荐文章于 2024-03-14 16:34:56 发布

阅读量1.1k

点赞数

分类专栏： VUE

本文链接：https://blog.csdn.net/qq_28197211/article/details/80467555

版权

VUE 专栏收录该内容

4 篇文章 0 订阅

订阅专栏

1 cmd进入项目, 安装饿了么； main.js 里面添加引用；摘抄官网例子。

npm i element-ui -S

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

element_ui官网

2 安装axios 请求； main.js 里面添加引用； HelloWorld.vue 添加按钮，添加http 请求

npm install --save axios

import axios from "axios";
Vue.prototype.$axios = axios;

    <el-row>
      <el-button v-on:click="visitMethod()">默认按钮</el-button>
    </el-row>

<script>
export default {
  name: 'HelloWorld',
  methods:{
    visitMethod(){
      this.$axios.get("http://localhost/hello").then(res=>{
        console.log(res.data);
      });
    }
  },
  data () {
    return {
      msg: 'Welcome to Your Vue.js App'
    }
  }
}
</script>

3 点击按钮，收到请求成功；