Hi，大家好，我是编程小6，很荣幸遇见你，我把这些年在开发过程中遇到的问题或想法写出来，今天说一说vue父组件与子组件之间传值,希望能够帮助你!!!。

1、父组件像子组件传值：v-bind进行绑定：（自定义属性）

父组件

其中counts是自定义属性，它的值是传给子组件的

子组件

子组件通过props属性，counts是父组件传过来的值

2、子组件向父组件传值（自定义事件）

子组件

一、input标签中绑定了一个事件change，当输入框中的值发生变化的时候，就会调用这个事件的方法countChange()

二、通过第19行代码把input标签中的动元素的value值拿到了，refs是ref事件给后面加追了一个s，这是一种用法

三、现在要做的就是把lasterValue值传给父组件，那这个方法就是在触发函数中定义一个事件valueUpdate
这样的话，如果有谁对这个事件感兴趣，它就会监听这个事件，在监听过程中进行一些代码逻辑处理

四、那现在对事件感兴趣的肯定就是父组件中的相关标签了，所以在numbox标签中进行监听valueUpdate事件，当点击事件发生的话，它里面的方法会得到回调

五、传值
当这个关系打通之后，我们可以为事件附带一些参数，那这个参数便会传递给父组件中监听该事件的那个标签的函数。
子组件：

父组件
这样的话，父组件就拿到子组件的值了

可以使用这个值

最后，知识点：在视图中用的所有值都要在data（）方法的return中定义一下。

知识点2：图中划横线的三个是同一个东西，这告诉我不仅{
{ }}里边的插值要在data()方法里定义，标签里这么写的值同样要定义
另外，value是***子组件***中传过来的

今天的分享到此就结束了，感谢您的阅读，如果确实帮到您，您可以动动手指转发给其他人。