Python语言技术文档

微信小程序技术文档

php语言技术文档

jsp语言技术文档

asp语言技术文档

C#/.NET语言技术文档

html5/css技术文档

javascript

点击排行

您现在的位置:首页 > 技术文档 > js框架/js库

vue实现引入本地json的方法分析

来源:中文源码网    浏览:167 次    日期:2024-05-04 05:28:35
【下载文档:  vue实现引入本地json的方法分析.txt 】


vue实现引入本地json的方法分析
本文实例讲述了vue实现引入本地json的方法。分享给大家供大家参考,具体如下:
当前需要使用的组件:
import data from './test.json'
  export default{
    data(){
      return{
        userinform: ''
      }
    },
mounted(){
  this.userinform = data
  }
}
test.json就是普通json格式就可以了!然后完美解决!
后台服务器请求json方式:
this.$http.get('url').then(response => {
    //succces callback
    var data = response.body;
  }, response => {
    // error callback
    alert('连接失败!')
  });
附:VUE解析json展示列表页示例




  1. {{ site.name }}






希望本文所述对大家vue.js程序设计有所帮助。

相关内容