Foreword:
Summary functions and notes
//1、展开与关闭
// 单个：data里面定义 show:false, 然后点击让他等于 !show 也就是如果他关闭，让他打开，打开让他关闭 ，页面上是v-if = 'show'
//多个： 从后台拿到的数据是个数组arr，拿到后台数据的时候把arr循环，循环给他的每一个对象加一个字段是show 【{show:false},{}】
// 然后页面上循环渲染这个arr，点击每一个内容的时候把下标index带过去，然后点击事件里面 arr[index].show = !arr[index].show
//2、点击加载更多，换一换，分页
//给后台pageIndex==当前页码，pageSize==10（一页显示10条），然后后台给我们 list和total（总数）
//点击一次换一换/加载更多 ，然后让pageIndex++ ,也就是页码加1，
// 然后去请求新的数据，合并到现在的列表上 list = list.concat(res.data) //res.data是后台的层级
//3、点击上面的单选，切换类型 onchange ，就类似我们的点击事件，在单选里面是没有onclick事件，但是有onchange事件
//点击的时候 把类型改变，（默认类型是全部，）把新类型作为参数，然后请求加载更多的后台，
//这里请求后台的时候，相当于重新获取数据，那么他的页码就应该是第一页，
// 既然是第一页 ，他的数据不存在合并加的问题，list = res.data
//4、nodeid来控制他是不是模糊搜索，
// 如果这个id有值 == 点击具体的标签进来的
// 没有值 == 搜索进来的（所以想实现模糊搜索就要让他的nodeid是默认值，或者是不传）
//我们一般定义初始值 -1/false/0/null
// （1）false的话我们在底下就是改变他成true，或者让他回归默认false
//（2）-1/null 我们在底下就是让他变成'123'/123,让他变成有意义的参数，
// 具体有无意义，看给后台以后有没有用，比如后台要的id肯定没有-1/null
//（3）0 我们一般设置几个ul/li 默认让第一个li有class名，对应的就是0，点击谁，让这个变成谁的下标