我是靠谱客的博主 寂寞黑裤,最近开发中收集的这篇文章主要介绍vue学习笔记---接口数据传递,觉得挺不错的,现在分享给大家,希望可以做个参考。

概述

1.向后发起请求的插件
vue-resource 第三方包axios 向vue对象中挂载一个this.$http

this.$http.get(‘url’,[‘parmars’]).then(suncessCallback,errorCallback);

this.$http.post(‘url’,{[body]},{[‘headers’]}).then(suncessCallback,errorCallback);其中设置第三个参数为emulateJSON:true 为表单提交

this.$http.jsonp(‘url’,[‘parmars’]).then(suncessCallback,errorCallback);

序列化

var last=obj.toJSONString(); //将JSON对象转化为JSON字符
var last=JSON.stringify(obj); //将JSON对象转化为JSON字符

反序列化
即js中JSON字符串转化为Object
1.使用eval
[javascript] view plain copy
var obj=eval("("+data+")"); 原因在于:eval本身的问题。 由于json是以”{}”的方式来开始以及结束的,在JS中,它会被当成一个语句块来处理,所以必须强制性的将它转换成一种表达式。
2.使用parseJSON
var obj = data.parseJSON(); //由JSON字符串转换为JSON对象
3.使用parse
var obj = JSON.parse(data); //由JSON字符串转换为JSON对象

this.$http.jsonp(‘url’,[‘parmars’]).then(suncessCallback,errorCallback);

Vue.js - Transition过渡动画的使用4(使用transition-group实现列表过渡)
tag表示渲染的图标 appear 表示入场效果+

最后

以上就是寂寞黑裤为你收集整理的vue学习笔记---接口数据传递的全部内容,希望文章能够帮你解决vue学习笔记---接口数据传递所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错,欢迎将靠谱客网站推荐给程序员好友。

本图文内容来源于网友提供,作为学习参考使用,或来自网络收集整理,版权属于原作者所有。
点赞(49)

评论列表共有 0 条评论

立即
投稿
返回
顶部