vue 选项卡 感想

这是我自己写的第一个VUE 的效果 之前一直在学习JQ  第一次接触这种数据驱动的JS  当时有点蒙 感觉跟JQ 的思想一点都不一样 

 学习几天之后自我感觉良好然后就有了写这个常用例子的想法 我参考官网的一些例子写了一些 不管我怎修改我都只能做到单机他它对应的子类会显示而其他不会隐藏 一直在想办法 也想了很多可能性   过滤 或者还是我JQ 的思想 对应index 总之都不可以 然后我就从网上找一些例子发现找不到  只找到了一个比较完整的例子但是那个是操作额DOM 节点 我在网上看到如果你的需要操作节点去写 那就是你的方向走的不对 当时我是有多么想用JQ去操作 看到那句话我还是忍住了   后来我想到官网有个例子  表格组件（开始我就是按照这个和树状试图两个例子去写的）他是 怎么确定单击就可以改变CLASS 的 我就按照这个例子去写 发现成功了    原理是 创建了一个空字符 onname    然后让这个字符等于你单击的 内容 然后根据这个内容去匹配你的内容  this.onname = item.name   'on':onname == top.name     v-if="top.name==onname"  让onname等于 你 单机 传入的一条数据 的name 值 然后再下边组件判断这一条是否等于循环的那个值 如果相等那么就显示  或者增加ON class  这样就行了  

 总结就是：很开心   继续努力