大家好,又见面了,我是你们的朋友全栈君。
vue父子组件传值:父组件向子组件传值用的是props
1.定义父组件
1)父组件想要向子组件传值时,那么需要在子组件引入的地方绑定一个属性,属性值就是要传的数据,并且要在父组件中引入子组件。
2)这个自定义属性的属性值是用来存放父组件向子组件传递的数据。
3)在这里,name即是要传的数据,需要在data定义,所以当传递的数据时字符串类型时,可以在data定义为
父组件如下:
2.定义子组件
1)子组件使用props属性接收父组件传递过来的值。
写法是:
所以在这里是:
2)然后可以直接在页面上以这个形式“{ {}}”引用。
子组件如下:
1.父组件代码如下:
2.子组件代码
发布者:全栈程序员栈长,转载请注明出处:https://javaforall.cn/135092.html原文链接:https://javaforall.cn
到此这篇vue2父子组件传值props(vue3.0父子组件传值)的文章就介绍到这了,更多相关内容请继续浏览下面的相关 推荐文章,希望大家都能在编程的领域有一番成就!版权声明:
本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。
如若内容造成侵权、违法违规、事实不符,请将相关资料发送至xkadmin@xkablog.com进行投诉反馈,一经查实,立即处理!
转载请注明出处,原文链接:https://www.xkablog.com/qdvuejs/50090.html