细节复盘1 2020-7-31

今天写项目，有几个在意的点。

1、第一个，字符串的split()方法，可以把字符串通过一定的规则，分割变成数组。

详细看这个：https://www.runoob.com/jsref/jsref-split.html

2、字符串的indexOf()方法，可以帮助我们查询某个字符串在此字符串中首次出现的位置，如果没有查找到，则返回-1.

https://www.runoob.com/jsref/jsref-indexof.html

3、如果选项卡只有两个选项的话，可以如下写：

如果有多个的话，就得重新写逻辑了。而且这里我为了省事，没有用计算属性，整体可读性就比较差。

4、以数组里面对象的某个属性为依据，将这个数组里面的对象进行排序。

遇到了这个问题，然后苦逼的我翻遍了数组的方法，也没啥思路，不得以，我用了双层for循环。

冒泡排序吧。真的，有更好的办法，我也不会用这个方法的。

5、如果有跨路由，但依然想实现的功能。

比如，一级路由是用定位写的，我们跳转了一个不在页面展示上的一级路由，但是想对一级路由做一些样式上的修改，就可以使用下面的一种思路。

又或者，我们从二级路由跳转到其他路由，突然发现一级路由展示的part还存在页面上，但咱们的需求是整屏修改，不能有一级路由页面啊，这时，可以试试下面的思路。

（1）在vuex中定义一个公共状态变量：用于存放状态

（2）通过钩子函数改变这个变量的状态：在通过这个路由跳转到这个组件页面时，通过实例创建完成、实例销毁完成两个钩子，切换公共变量状态值。

（3）到了怎么使用这个变量的时候了。在以及路由的某个tab中，通过判断这个变量的改变，来动态切换 次元 的样式。

结果，一级路由下，是这个样子的，

我切换后，同样是一级路由，按理说 次元 不应该显示，但他就是显示了呢。