<body> <div id="app"> <!-- 通过v-bind:text传递,通过props接收--> <button1 :text="message"></button1> </div> <script src="../js/vue.js"></script> <script> //创建组件数据 const button1={ template:'<div>{{text}}</div>', data: function () { return { firstName: '子组件' } }, props:["text"] }; const dataobj={ message:"我是父组件数据" } const app=new Vue({ el:"#app", data:dataobj, components:{ //通过components绑定子组件 "button1":button1 } }) </script> </body>
VUE父组件向子组件传递数据
最新推荐文章于 2024-08-12 16:45:40 发布