zoukankan      html  css  js  c++  java
  • VueJs之前后端数据交互(使用Vue-resource实现)

    1、安装vue-resource到项目中,找到当前项目

    输入:npm install vue-resource --save

    2、安装完毕后,在main.js中导入,如下所示:

    import  VueResource  from 'vue-resource'

    Vue.use(VueResource) 

    //页面加载之前 使用钩子函数 获取内容
    created() {
    this.$http.get("http://jsonplaceholder.typicode.com/todos")
    .then((data) => {
    this.arrs = data.body;
    }),
    this.$http.get("https://api.apiopen.top/EmailSearch?number=1012002").then((data) => {
    this.arr = data.body;
    })
    }

    PS:

    main.js 加上

    Vue.http.options.root = 'http://jsonplaceholder.typicode.com';

    将页面的created(){}改为:

    created() {
    this.$http.get("todos")
    .then((data) => {
    this.arrs = data.body;
    })

    往事如烟,余生有我.
  • 相关阅读:
    用jquery实现手风琴效果
    网易轻博客特点
    用display做导航
    小结
    有序列表的显示
    水仙花
    相识多少天
    关于javascript中this的运用
    BFC
    八月第三周
  • 原文地址:https://www.cnblogs.com/assistants/p/10477340.html
Copyright © 2011-2022 走看看