首页 >web前端 >js教程 >在vue-prop中使用父组件向子组件进行传值如何实现

在vue-prop中使用父组件向子组件进行传值如何实现

亚连
亚连原创
2018-06-02 14:25:272252浏览

下面我就为大家分享一篇vue-prop父组件向子组件进行传值的方法,具有很好的参考价值,希望对大家有所帮助。

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

例如子组件为

child.vue

template: &#39;<p>msg: {{msg}}</p>&#39;
props: [&#39;msg&#39;],

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

父组件里面写

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

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

上面是我整理给大家的,希望今后会对大家有帮助。

相关文章:

一种angular的方法级的缓存注解(装饰器)

解决vue 路由变化页面数据不刷新的问题

解决vue单页使用keep-alive页面返回不刷新的问题

以上是在vue-prop中使用父组件向子组件进行传值如何实现的详细内容。更多信息请关注PHP中文网其他相关文章!

声明:
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn