element ui 在vue项目中实现左右布局传值的案例

在Vue项目中使用Element UI实现左右布局的传值案例，可以使用Vue的父子组件通信的方式来实现。

首先，在父组件中定义一个用来传递的值，在这个案例中我们可以定义一个名为"message"的字符串。

然后，将Element UI的布局组件使用到父组件中，将左边和右边的布局写在父组件中，并在左边布局的组件中通过props接收传递的值，将这个值展示在组件中。

接着，在父组件中使用<ElementUI的Button>组件，并绑定一个点击事件，将点击事件绑定到一个方法中。

在这个方法中，通过Vue的$emit去触发一个自定义事件，并将传递的值作为参数传递给这个事件。

在左边布局的组件中，使用Vue的$on去监听这个自定义事件，并将接收的值更新到组件中展示。

最后，在父组件的右边布局中，使用props接收相应的值，并展示到组件中。

通过以上的步骤，就可以在Element UI的左右布局中实现传值的功能了。

需要注意的是，父组件和子组件之间的通信是单向的，即父组件传递值给子组件，而子组件无法直接修改父组件中的值，如果想要修改父组件中的值，可以通过在子组件中触发自定义事件，并将修改后的值通过$emit传递给父组件，实现数据的双向绑定。

以上就是使用Element UI在Vue项目中实现左右布局传值的案例。