关于vue子组件给父组件传值

这一段时间在做自己第一个vue项目，主要就是一个简单的商城功能
遇到了组件传值，父组件给子组件传值很简单简单讲一个子组件给父组件传值
我们假设组件已经引入和使用
子组件：
首先这个传值可能会在生命周期函数上或者一些事上，这里已点击按钮为准

<button @click='send'>点击给父组件传值</button>
methods{
send(){
this.$emit((sendValue)传输的名字，传输的值)//名字不需要与父组件接收值相同
 }
}

父组件
<div>{{name}}<div>
//这里的sendValue是接收上面emit里面传输的名字，等于的值是操作的函数
</子组件 v-on：sendValue="操作的函数"></子组件>

data(){
return{
   name:''//先在data里写好name值
 }
}
methods() {
//接收放在方法里面，(参数就是接收来的值)
操作的函数(setName){
this.name=setName
}