在vue中用v-for写点击向右按钮隐藏侧边栏箭头向左，点击向左箭头侧边栏出现箭头向右

你可以使用Vue.js中的v-for指令和条件渲染来实现点击向右隐藏侧边栏并显示向左箭头，点击向左显示侧边栏并显示向右箭头的功能。

首先，你需要在Vue的数据中定义一个变量来控制侧边栏的显示与隐藏，以及箭头的方向。例如：

data() {
  return {
    isSidebarVisible: true,
    isArrowRight: true
  };
},

接下来，在模板中使用v-for指令来循环渲染侧边栏，并使用条件渲染来根据isSidebarVisible变量控制侧边栏的显示与隐藏。同时，使用条件渲染来根据isArrowRight变量控制箭头的方向。例如：

<div id="app">
  <button @click="toggleSidebar" class="arrow" :class="{ 'arrow-right': isArrowRight, 'arrow-left': !isArrowRight }"></button>
  <div class="sidebar" v-if="isSidebarVisible">
    <!-- 侧边栏内容 -->
  </div>
</div>

在上面的代码中，通过点击按钮触发toggleSidebar方法，该方法将会根据isSidebarVisible和isArrowRight的值进行切换。同时，通过:class绑定来控制箭头的方向。

最后，在Vue实例中定义toggleSidebar方法来切换侧边栏和箭头的状态。例如：

methods: {
  toggleSidebar() {
    this.isSidebarVisible = !this.isSidebarVisible;
    this.isArrowRight = !this.isArrowRight;
  }
}

这样，当你点击按钮时，toggleSidebar方法会被调用，侧边栏和箭头的状态会根据isSidebarVisible和isArrowRight的值进行切换。