Vue组件父类和子类之间传值

因Vue组件之间值不能共享,所以需要通过内部指定属性进行传递。(PS:驼峰命名,标签引用是要用-隔开)

一,父类组件向子类组件传值


    

运行效果:


二、子组件传值到父组件。


  

运行效果:

步骤一:点击前

Vue组件父类和子类之间传值_第1张图片

步骤二:点击后

Vue组件父类和子类之间传值_第2张图片

 

你可能感兴趣的:(Vue学习笔记)