2019.3.25 完结仿美团网站

------------------------------------------------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分钟就不想看了。我想换换口味，换个课程吧。