本篇文章给大家带来了关于vue的相关知识,其中主要总结了几种vue中父子组件传递数据的方法,包括了props & event、ref属性、provide & inject等等内容,具有一定的参考价值,下面一起来看一下,希望对大家有帮助。

【相关推荐:javascript视频教程、vue.js教程】
最近在学习vue的源码,总结了几种vue中父子组件传递数据的方法。
1.props & event
父组件向子组件传递props数据,子组件通过触发事件向父组件回传数据,代码如下:
立即学习“前端免费学习笔记(深入)”;
//子组件
{{name}}
//父组件
//父组件
// root
export default{
data(){
return {
appName:'Test'
}
},
provide:['appName']
}【相关推荐:javascript视频教程、vue.js教程】









