笔记-map-正则表达式-路由-get-post

map类似于对象，键值对的集合，但是键的范围不限于字符串。

Object.entries把对象自身转化为数组，而每一个成员都是[key value]数组.可以用它创建map、

正则：

var reg=new RegExp（“a”，“i”）创建对象一个是正则表达式，一个是匹配模式。

var 变量=/正则表达式/匹配模式，字面量方式。

且写对象方式创建的输出结果也是字面量形式的。且对象写时，也是会发生转义的，而在字面量式又会发生一次转义。

[]或，{}几次

路由：路径后面的数据就是路由配出来的。/home

加冒号后里面都是js表达式，“`hhh${id}`”字符串拼接或者用模板字符串

<router-link :to="`/home?id=${id}&title=${title}`"/router-link>

路由传参 query：把数据传送给路由组件，同时会在路径后加上 ？id=shu&title=shu.同时可以在要转过去的路由组件里通过this.$route.query.id取到值。

路由传参params ：像路由一样直接在路径后面加上参数，<router-link :to="`/home/${id}/${title}`"/router-link>不像query一样直接显示键值对，而是在编写routes时直接添加上占位符/ :id/:title

然后params用对象写法时，要用name配置，而不能用path了，且写参数params时也要写上params：{id：m.id,title:m.title}同时可以在要转过去的路由组件里通过this.$route.params.id取到值。

总结：路由可以决定让他转到哪一个组件中去，而参数虽然可以表现在路径中，但是只是让他传到所要转到的组件中能够作为数据被使用，类似于组件间通信了。

因为写this.route.params太多了，导致太麻烦，所以要用props可以化简。

props，值为对象，所以传的是死数据，不是params里的数据，以props传以props接受

props，值为布尔值，在写routes时写上props：true，路由组件可以接受所有的params参数，没有query参数。此时就可以简写，不用写上this.$route.params,直接用props：[‘ID’,'title']

props,值为函数，前面也是需要用props接收的，只是把数据多的写在后面，让前面看起来好点。

props（$route）{

id:$route.query.id

}

get请求里，params 叫query params(查询参数)，用在放在url后面，和路由里的query一样。所以叫会显示在路径上面。get叫从服务器请求数据。

post请求里，data叫请求体参数，post叫发送数据到服务器，不会显示在路径上面。

二、过程值不get请求的数据不会修改服务器的状态，如读取静态文件（图片、html文件等），所以这里你可以理解为是获取数据，而post一般会改变服务器的状态.比方说添加某一条数据（你所说的提交数据），那么此数据将会更改数据库的记录 ，所以，你可以理解post是向服务器提交数据同

1、get是把参数数据队列加到提交表单的ACTION属性所指的URL中，值和表单内各个字段一一对应，在URL中可以看到。

2、post是通过HTTP post机制，将表单内各个字段与其内容放置在HTML HEADER内一起传送到ACTION属性所指的URL地址。用户看不到这个过程。

三、获取值不同

1、对于get方式，服务器端用Request.QueryString获取变量的值。

2、对于post方式，服务器端用Request.Form获取提交的数据。

get请求的数据不会修改服务器的状态，如读取静态文件（图片、html文件等），所以这里你可以理解为是获取数据，而post一般会改变服务器的状态.比方说添加某一条数据（你所说的提交数据），那么此数据将会更改数据库的记录 ，所以，你可以理解post是向服务器提交数据

get的参数接口文档里会告诉你要传那个参数,然后就可以得到所有的响应数据，一般只用于区的数据。

而post的参数，接口文档也会告诉，一般在表单填写完数据之后，保存时会发送post请求，把数据发送给服务器，同时会返回你已经保存完的数据。一般用于表单提交，且好像可以用于保存之类的，要后端配合。