美文网首页
vue 访问本地 json数据

vue 访问本地 json数据

作者: 顽皮的大猩猩 | 来源:发表于2019-06-18 18:16 被阅读0次

    json文件应该是必须放在static目录下

    然后使用    npm install vue-resource --save     命令安装 vue-resource,

    安装完后,在main.js文件中添加:

    import VueResource from 'vue-resource'

    Vue.use(VueResource)

    最后读取本地json数据

    this.$http.get('static/data.json').then(res => {

     console.log("json数据为:"+ res.body) //此处的res对象包含了json的信息和数据,我们需要的json数据存在于body属性中

    })

    相关文章

      网友评论

          本文标题:vue 访问本地 json数据

          本文链接:https://www.haomeiwen.com/subject/ordqqctx.html