Rumah  >  Artikel  >  hujung hadapan web  >  在vue-prop中使用父组件向子组件进行传值如何实现

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

亚连
亚连asal
2018-06-02 14:25:272201semak imbas

下面我就为大家分享一篇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页面返回不刷新的问题

Atas ialah kandungan terperinci 在vue-prop中使用父组件向子组件进行传值如何实现. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan:
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn