vue组件父与子通信详解(一)

网友投稿 304 2023-03-19


vue组件父与子通信详解(一)

本文实例为大家分享了vue组件父与子通信的具体代码,供大家参考,具体内容如下

一、组件间通信(父组件    -->  子组件)

步骤:

①父组件在调用子组件 传值

②在子组件中 获取父组件传来的值

Vue.component('child-component',{

  props:['myValue'],

  tempvDGCVRlate:''

})

代码1:

{{msg}}

myValue是属性名,必须都一样……拿data中的用v-bind:或者:

props是property属性,是个数组

代码2:

{{msg}}

代码3:

要拿到data中的数据就要v-bind,否则就不用。


版权声明:本文内容由网络用户投稿,版权归原作者所有,本站不拥有其著作权,亦不承担相应法律责任。如果您发现本站中有涉嫌抄袭或描述失实的内容,请联系我们jiasou666@gmail.com 处理,核实后本网站将在24小时内删除侵权内容。

上一篇:api接口文档的写法(api接口的简单编写方式)
下一篇:接口测试用例元素(接口测试用例编写)
相关文章

 发表评论

暂时没有评论,来抢沙发吧~