您的位置:首页 > Web前端 > Vue.js

挑战百日学习计划(小程序开发)-第10天(Vue组件component 组件传值)

2020-06-05 09:56 585 查看

每天进步1%。虽然公司已经有了,团队也有几个人,订单接了有15w左右,收款10w。为了把团队更好的带向 单片机,万物物联网的环境, 小团队也要有梦想。 所以我准备学习百日,从前端切入,再进入ai 和单片机等领域. 以下都是我每一天的学习小节点, 虽然简单, 但是温故而知新。就当复习吧
Vue组件传值:props[] props:[‘message’]
prop是子组件用来接收父组件传递过来的数据的一个自定义属性

<div id="app">
<zkelm message="专业小程序开发 http://www.zkelm.com"></zkelm>
</div>
<script>
new Vue({
el:"#app",
data:{

},
components:{
props:['message'],
template:"<b>{{message}}</b>"
}
})
</script>

输出结果:【专业小程序开发 http://www.zkelm.com

注意:
只能从父级传输到子级。

**由此可见:组件只能做接受参数,并按照参数重组自己的内容。 props 只是做数据的接受工作 **

就像function(e) 中的e

内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: 
相关文章推荐