------------------------------------------------3.25-----------------------------------------------
1、解构赋值
2、本想通过asyncData去异步获取用户的登录session,数据获取到了,却渲染不到页面上,提示未定义。可之前的购物车,详情页都可以用asyncData去获取数据并渲染,不明原因。只能用 async mounted 去代替。
3、还有一个进入任何页面都会有概率触发 status 错误码 500 的问题,初步检测原因一是页面配置路由,或者异步访问先后次序(自己未调配好),导致axios并未获取到返回值,原因二可能是redis的bug。先不管它,过难。
4、关于scrollBehavior设置路由跳转位置的问题,在vue中直接可以通过router.js增加const scrollBehavior = function (to, from, savedPosition) {
return { x: 0, y: 0 };
}去实现,然后我在nuxt.config.js中设置 它提示
经排查15分钟,发现代码是没问题的,后来绞尽脑汁想不出原因,仔细看报错的地方,无非不过是function重复了2次使解析失败,脑子一热就去了编译器里查看编译的代码发现了问题所在。
编译出来的 确实是2个function 试试把编译完的代码改了。结果成了。一时无语
,但是每次重新编译都得手动修改,编译后的文件(并非治根之举,还是跳过)
下面正式进入第14章订单页开发,完结篇。
1、this.$router.push路由跳转里面的path:’/’ 参数加/是相对根路径而言的,不加则是相对当前路径而言。非常重要。
2、对于电商网站的各个环节,尤其是详情页-购物车-订单-支付-跳转,必须采用严格的异步跳转函数,绝对不可以用同步写法。 首选async await
3、箭头函数的返回值为方法的return的表现形式
调用该方法需 xxx.expire()
调用该变量需 xxx.host
4、记得一次提到不能直接捆绑元素到另一元素上,不然会产生连带影响。
nlist的改变会影响list,之前说的方法是通过将list的对象通过forEach加push的形式传入新数组,取消连带关系。现在发现了一个更为巧妙的方式,那就是过滤器,可以省去多行代码。
对比一下。过滤器。
push建组
少了一半代码。时间效率提升。
-----------------------------------2019年3月25日18:06:21---------------------------------------
5、想要提到质的升华,必须回顾全部内容。好了 先从6-14章开始,1-6章是基础确是非常难以理解的,得留着以后慢慢品味。
升华一: 对element-ui的各个属性的理解一番后,发现以前犯了个天大的错误,不过呢会用js改变组件也是可以的。不过组件有自己的属性设置参数可以改变。比如carousel-item可以用:label来设置对应指示器的文本。
以上是没看文档后,自己给class循环添加innerHTML其实这办法很蠢。
繁杂的代码果然牛,坚持45分钟就不想看了。我想换换口味,换个课程吧。