vue实现手风琴效果

心语：我要你知道，在这个世界上总有一个人是等着你的，不管在什么时候，不管在什么地方，反正你知道，总有这么个人。

在使用vue的过程中，我们难免会碰见各种各样的需求，本篇文章我将实现一个简单的手风琴效果
首先先说一下手风琴实现的流程：
1.设置一个布尔变量来控制二级列表的显示与隐藏
2.同步的通过这个变量来控制展开或者隐藏的图标切换
3.为一级选项创建点击事件，点击一级选项的同时要展开二级列表

接下来，我们就使用代码具体实现

HTML

<div class="tree" id="my">
			<ul>
				<li class="item" v-for="list in lists">
					<a href="#" class="title" @click="curShow(list)">
					{
  {list.name}}
					<b :class="list.flag?'down':'up'">^</b>
					</a>
					<ul class="p_item" v-show=