vue-prop父组件向子组件进行传值的方法

努力向前走一步,离梦想就更近一步。错过现在就等于糟蹋未来。生活就是那样,不留一丝余地,活下去似乎都需要很大的勇气。

vue-prop是父组件向子组件进行传递数据时使用的。

例如子组件为

child.vue

template: '<div>msg: {{msg}}</div>'
props: ['msg'],

我们在子组件里规定了一个数据名字叫msg

父组件里面写

<child msg="hello, vue.js!"></child>

这样我们就可以在子组件里看到msg:hello, vue.js!

以上这篇vue-prop父组件向子组件进行传值的方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持。

您可能有感兴趣的文章
Vue路由参数的传递与获取方式详细介绍

vue学习记录之动态组件浅析

vue如何实现列表固定列滚动

vue如何实现伸缩菜单功能

vue项目中canvas如何实现截图功能