非父子组件之间的传值

vue

vs code 2017

两个组件之间实现传值的效果，非父子组件的图例如下：

点击string1会改变string2的值两个非父子组件进行传值。

首先定义两个子组件：

然后根据挂载点实现点击事件内容的获取。

但此时页面点击仍然不会有效果，因为生命周期钩子里面的this作用域发生了改变。

但是此时页面会有警告提醒，

因为传值具有单向性，需要在子组件中重新定义新值进行改变。

此时点击其中一个，另外一个值也会发生变化了。

下节将介绍动态组件和v-once指令

如果您觉得有用，记得在下方点击投票、点赞、关注、留言，小编会定期奉 上更多的惊喜哦，您的支持才是小编继续努力的动力，么么哒。