vue中，父级div只实现纵轴滚动，两个子div分别只实现横轴滚动，写个简单的例子

在Vue.js中，要实现这样的滚动效果，你可以使用`v-bind`指令配合CSS来控制每个子元素的滚动方向。首先，假设你有一个HTML结构类似下面的父容器：

<div id="parent-container" class="vertical-scroll">
  <div class="scroll-left">左子div</div>
  <div class="scroll-right">右子div</div>
</div>

然后，在CSS部分设置相应的样式：

.vertical-scroll {
  overflow-y: auto; /* 父级div只纵向滚动 */
}

.scroll-left {
  white-space: nowrap;
  overflow-x: auto; /* 左子div只横向滚动 */
}

.scroll-right {
  display: inline-block; /* 右子div允许水平滚动，同时保持在其父元素内 */
  overflow-x: auto;
}

JavaScript或Vue绑定则不需要，因为这是纯CSS样式处理。在实际的Vue组件中，你可以在数据模型里维护状态，但这里直接通过CSS就足够了。

如果你需要更复杂的滚动处理或者在Vue的指令中添加额外的功能，可以考虑使用第三方库如vue-wheel-events配合滚动监听。不过，上述基础的CSS解决方案已经能满足你的需求。