在Vue中，我们可以使用过渡动画来实现组件左右切换的效果。以下是一个简单的例子：

首先，我们需要在组件的created钩子中定义过渡动画：

javascript created() { this.$nextTick(() => { this.$refs.leftBtn.show = true; this.$refs.rightBtn.show = false; }); },

然后，我们在组件的methods钩子中定义过渡动画：

javascript methods() { this.$nextTick(() => { this.$refs.leftBtn.show = false; this.$refs.rightBtn.show = true; }); },

最后，我们在组件的template中使用过渡动画：

```html

```

在这个例子中，我们首先在created钩子中定义了一个过渡动画，然后在methods钩子中定义了一个过渡动画。最后，我们在template中使用了这两个过渡动画。

注意，@click指令用于触发元素的点击事件，v-if指令用于控制元素的显示和隐藏。在这个例子中，v-if指令用于控制leftBtn和rightBtn组件的显示和隐藏。