工作前端学习笔记

工作学习笔记

一、JSON.parse() 与 JSON.stringify() 的区别

JSON.parse() ：是从一个字符串中解析出 json 对象

//定义一个字符串
var data='{"name":"goatling"}'

//解析对象​
​JSON.parse(data)

结果是：
​name:"goatling"

JSON.stringify()：是从一个对象中解析出字符串

var data={name:'goatling'}
JSON.stringify(data)

结果是：
'{"name":"goatling"}'

摘自JSON.parse() 与 JSON.stringify() 简单使用

二、vue之this.$route.query和this.$route.params

学习自这篇博客上链接，文章记录下
1、this.$route.query的使用

//传参数
this.$router.push({
      path: '/mtindex/detail', query:{shopid: item.id}
});
//url路径
http://localhost:8080/#/mtindex/detail?shopid=1
//获取路径中的参数值
this.$route.query.shopid

2、this.$route.params的使用

//传参数（ params相对应的是name query相对应的是path）
this.$router.push({
      name: 'detail', params:{shopid: item.id}
});
http://localhost:8080/#/mtindex
//url的表现形式(url中没带参数)
this.$route.query.shopid