06-基础-组件-父子组件传值-总结

06-基础-组件-父子组件传值-总结,第1张

概述<!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
<!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-基础-组件-父子组件传值-总结所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错,欢迎将内存溢出网站推荐给程序员好友。

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/web/1075734.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2022-05-26
下一篇 2022-05-26

发表评论

登录后才能评论

评论列表(0条)

保存