<!DOCTYPE HTML><HTML><head> <Meta charset='UTF-8'> <Meta name='vIEwport' content='wIDth=device-wIDth,initial-scale=1.0'> <Meta http-equiv='X-UA-Compatible' content='IE=edge'> <Title>document</Title></head><body> <div ID='app'> <!-- 2. 使用组件 赋值 --> <com-a :a="b"></com-a> </div> <script src='./vue.Js'></script> <script> Vue.component("com-a",{ template: ` <div> 我是来自父组件的数据--{{a}} </div> `,// 1. 定义一个属性(变量) 此时没值 props: ["a"],methods: {} }); new Vue({ el: '#app',data: { b: "我是b" },methods: { } }); </script></body></HTML>总结
以上是内存溢出为你收集整理的06-基础-组件-父子组件传值-总结全部内容,希望文章能够帮你解决06-基础-组件-父子组件传值-总结所遇到的程序开发问题。
如果觉得内存溢出网站内容还不错,欢迎将内存溢出网站推荐给程序员好友。
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)