vue2.X父子组件传值

一直听朋友说vue组件化简单好用，今天搞了一下组件之间的传值，看了好多教程终于鼓捣出来了，分享一下踩的坑。

子传父主要通过events，父传子主要通过props，这里借用一张图片，表达。

基于vue-cli 

子组件向父组件传值

子组件

定义点击事件setVa 点击之后往父组件传“管理员列表”，用this.$emit（要触发的事件，这个可以自定义，要传给父组件的值）这个方法，

子组件需要某种事件比如change事件这样的一个方法来触发自定义事件

父组件

在父组件里引入子组件，然后在子组件标签上绑定子组件页面里面自定义的事件，在methods里写一个事件响应的函数就可以了。

父组件向子组件传值

子组件

    props里面title就是父组件传进来的

父组件

引入子组件，然后在子组件标签上写：title（因为我是动态引入的所以加：，如果不是则不用）后边跟你要传的值

总结

    无论是子传父还是父传子，她们都需要一个中间的介质，子传父介质是自定义事件，父传子是props，记住这两点就可以实现基本的组件传值了。