4.16-4.18 忍让,谦逊,前进。

1、vue slot 小述
slot是vue自带的插槽,允许用户在该组件中嵌套外部的div内容。
默认用法
①、 <slot/>
②、—<slot name=“btn”>
------------<div> xxxx</div>
--------</slot>
外部div可以通过slot属性来获取插槽,并覆盖插槽内容。
<div slot=“btn”></div>,

2、flex布局中的align-content,它是针对flex容器里面多轴(多行)的情况,的排列方向。而align-items是针对一行的情况进行排列

3、关于 vue的router跳转问题。
1.this.$router.go(val) => 在历史记录中前进或者后退val步,若val为0刷新当前页面。
2.this.$router.push(path) => 在历史记录history栈中添加一条新的记录。

4、vuex的state的值改变触发方式。
a、mutation方法派发修改
b、不直接修改的引用,而是修改其中的元素。(没有问题)

在这里插入图片描述
报错。
在这里插入图片描述
正常执行

5、transition-group实现的动画(思路)
思路就是transition-group下的含有v-if的且有active样式的标签的dislplay属性变化在这里插入图片描述
在这里插入图片描述
需注意的是第一级子元素必须绑定唯一的key值,且在动画结束之前不能改变。不然动画会失效。

注:学习阶段我的博客,都是总结,基于思考的概述,遇到过相同问题的人,自然会看的明白。只负责提醒,不负责传教,长篇大论的那种。)

6、提醒自己回顾ShelfGroupDialog.vue组件。以及ShelfTitle.vue组件
2019年4月18日08:34:51 收到!开工!

7、回调函数的巧用
在这里插入图片描述
如果this.moveOutOfGroup为异步,而又想同步执行this.onComplete那么必须采用回调。
在这里插入图片描述

猜你喜欢

转载自blog.csdn.net/qq_40196738/article/details/89326703
今日推荐