发表于： 2019-11-28 22:47:50
1 1153
今天完成的事情：
前两天比较水，今天开始重构一下代码。
首先还得把以前学的东西弄清楚咯
第一个我打算，再回顾一下params这个传参的方式
传参有两种方式，第一种是params传参，第二个是query传参。
params只能用name来引入路由，下面是正确的写法：
this.$router.push({
name:"detail",
params:{
name:'nameValue',
code:10011
}
});
1、用法上的
刚才已经说了，query要用path来引入，params要用name来引入，接收参数都是类似的，分别是this.$route.query.name和this.$route.params.name。
注意接收参数的时候，已经是$route而不是$router了哦！！
2、展示上的
query更加类似于我们ajax中get传参，params则类似于post，说的再简单一点，前者在浏览器地址栏中显示参数，后者则不显示
query: 
params: 
methods: {
toBFun: function(){
this.$router.push({name:'B',params:{name:'xy',age:22}});
}
}
params是路由的一部分,必须要有。query是拼接在url后面的参数，没有也没关系。
params一旦设置在路由，params就是路由的一部分，如果这个路由有params传参，但是在跳转的时候没有传这个参数，会导致跳转失败或者页面会没有内容。
比如：跳转/router1/:id
<router-link :to="{ name:'router1',params: { id: status}}" >正确</router-link>
<router-link :to="{ name:'router1',params: { id2: status}}">错误</router-link>
params、query不设置也可以传参，params不设置的时候，刷新页面或者返回参数会丢失，这一点的在上面说过了
搞定了这个问题，接下来再撸一撸预处理函数：tranformrequest
transformRequest —— transformRequest方法允许在请求发送到服务器之前修改该请求，此方法只适用于PUT、POST和PATCH方法中。而且，此方法最后必须返回一个string、ArrayBuffer或者Stream。
二、学习vue中的ref
ref可以通过赋予它的名字，也就是值来获取到这个元素，从而去改变他的属性，样式等。
refs，可以当做是他的父级
三、vue生命周期函数
这个东西是vue中比较重要的一环， 必须要好好研究一下
.png)
beforecreate : 举个栗子：可以在这加个loading事件
created ：在这结束loading，还做一些初始化，实现函数自执行
mounted ： 在这发起后端请求，拿回数据，配合路由钩子做一些事情
beforeDestory： 你确认删除XX吗？ destoryed ：当前组件已被删除，清空相关内容
四、什么时候用post请求，什么时候用get请求？
快速判断：
如下情况使用GET方法：客户端与服务端的交互像是一个提问(如查询操作、搜索操作、读操作)
如下情况使用POST方法：
1.交互是一个命令或订单(order)，比提问包含更多信息
2.交互改变了服务器端的资源并被用户察觉，例如订阅某项服务
3.用户需要对交互产生的结果负责
听起来稍微明白了一点，接着来。
根据HTTP协议规定，GET方法可以携带交互需要的所有数据，因此你会看到搜索百度或谷歌的时候，点击搜索形成的URL包含了你刚才的搜索关键字，没有安全需求的请求把信息放URL里没关系，但是你访问银行网站的时候，不希望把账户、密码这些放在URL里被人拦截是吧，所以HTTP设计了POST请求，他可以把请求信息放在HTTP请求里，具体格式这里不细说了，这样你就不能简单的从URL里找到账户、密码了。
讲完这些，是不是比较清楚了呢。
文章还例举了几个曾经的HTTP请求限制。
1.URI不能超过256个字符。这个限制在有些服务器里是存在的，有的服务器为了网络安全，为了防止拒绝式攻击会把URL字符限制在4000字符
2.你提交了GET请求，又马山按了backspace键，会导致get方法被重新执行
3.你在一个页面使用了安全协议，跳转到了另一个使用不安全协议的页面时，会导致安全数据泄漏给第二个页面。
4搜索服务不检索包含问号的URI
GET和POST两种方法都是将数据送到服务器，但你该用哪一种呢？
HTTP标准包含这两种方法是为了达到不同的目的。POST用于创建资源，资源的内容会被编入HTTP请示的内容中。例如，处理订货表单、在数据库中加入新数据行等。
当请求无副作用时（如进行搜索），便可使用GET方法；当请求有副作用时（如添加数据行），则用POST方法。一个比较实际的问题是：GET方法可能会产生很长的URL，或许会超过某些浏览器与服务器对URL长度的限制。
若符合下列任一情况，则用POST方法：
* 请求的结果有持续性的副作用，例如，数据库内添加新的数据行。
* 若使用GET方法，则表单上收集的数据可能让URL过长。
* 要传送的数据不是采用7位的ASCII编码。
若符合下列任一情况，则用GET方法：
* 请求是为了查找资源，HTML表单数据仅用来帮助搜索。
* 请求结果无持续性的副作用。
* 收集的数据及HTML表单内的输入字段名称的总长不超过1024个字符。
最早的搜索为了防止无限循环是这么做的，但是限制采用其他办法了，自然也没这个限制了
明天计划的事情：
开始准备复盘评审ppt
收获：
看了一下比较比较基础的东西，对vue了解更深了一层。
返回列表
评论