了解父传子--超详细适合初学者

40 阅读1分钟

 1.创建父组件father.vue + children.vue
​编辑
2.在父组件内引入children子组件,注册并且使用!
​编辑
3.子组件内填写内容,我的代码如下

 ​编辑
4.在父组件内,data对象内定义一个数据,比如numP为100 。
5.在父组件内的子组件(Children标签内),设置自定义属性 --- (:属性名= 需要给父组件传递的值)
6.子组件内利用props接收,如图
​编辑
7.这样我们就可以在页面内 {{num}}使用它啦,或者在函数内可以利用this.num拿到这个值~