vue子组件向父组件传值

1.开发环境 vuecli3
2.电脑系统 windows10专业版
3.在使用 vue开发的过后中,我们经常会遇到组件传值的问题,下面我来分享一下vue中子组件向父组件传值的方法,希望对你有所帮助。
4.废话不多说,直接上代码:

//父组件代码:

//子组件代码:

效果如下:

5.虽然上面的方法解决了子组件向父组件传值的问题,只是这不是在Vue中的最佳方式。相反,事件更适合解决这个问题。我们可以使用事件来实现完全相同的事情。

// 父组件代码:

// 子组件代码:

效果如下:

6.本期的分享到了这里就结束啦,希望对你有所帮助,让我们一起努力走向巅峰。