vue 子父组件传值----1.1

当我们遇上一些特殊的子父组件的时候该怎么传值呢? 比如说:我的子组件里面是一个插件是需要初始化,或者我操作了需要删除操作的内容再次操作的时候是初始状态,或者点进来后我要显示后台返回的数据了,等等,各种问题使我们的操作最简单的那些无法满足需求,教大家一个方便的方法,可以很方便的使用.

首先我们父组件的内容:

 <udit style="margin-left:80px" :defaultMsg="defaultMsg" ref="ue"></udit>
             

重要的是什么呢,就是ref="ue",有朋友问过我这个什么意思,怎么用,我当时也不太懂没用过,现在终于找到了使用他的地方,

当我们打开页面就要对子组件进行一些操作的时候,可以这样写:

this.$refs.ue.autoMove();

这是什么意思呢,大家可以打印一下,this.$refs会发现有ue这个标签上命名的名字,再往里看会发现有些更多的东西,比如你子组件命名的方法,那么ue.autoMove()  ,,autoMove()就是子组件定义的方法,

我们就可以以这样的方式来对子组件进行一些操作了!!!

这样的话当我们需要传递的东西比较多时,我们父组件向子组件的传值都省了,可以直接以这种方式来进行传值了,可以让标签看上去简洁,不会非常臃肿,别扭!!!