Vue WebStorm Use Element_ui And axios

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 点击按钮,收到请求成功; 





猜你喜欢

转载自blog.csdn.net/qq_28197211/article/details/80467555