饿了么项目---6、使用Props传递数据
来源:互联网 发布:php流媒体服务器 编辑:程序博客网 时间:2024/06/15 03:28
一、使用Prop的场景与意义
组件实例的作用域是孤立的。这意味着不能 (也不应该) 在子组件的模板内直接引用父组件的数据。要让子组件使用父组件的数据,我们需要通过子组件的 props 选项。
子组件要显式地用 props 选项声明它期待获得的数据
二、使用方法
// 简单语法Vue.component('props-demo-simple', { props: ['size', 'myMessage']})// 对象语法,提供校验Vue.component('props-demo-advanced', {props: { // 只检测类型 height: Number, // 检测类型 + 其他验证 age: { type: Number, //或者也可以是object对象类型default: 0, required: true, validator: function (value) { return value >= 0 } } }})
父组件中这样传入数据
<v-header :seller = 'seller'></v-header>
阅读全文
0 0
- 饿了么项目---6、使用Props传递数据
- Vue2.0使用props传递数据---6
- vuejs使用 Props 传递数据
- vue.js使用props传递数据
- Vue2.0使用props传递数据---3
- Vue2.0使用props传递数据---4
- Vue2.0使用props传递数据---5
- props数据传递
- react数据传递----props
- 关于Vue.js的组件化,使用props传递数据
- Vue2.0使用props传递数据【data篇】
- Vue2.0使用props传递数据【methods篇】
- 续-React数据传递-props
- React.js refs 和props传递数据
- Vue.js学习笔记:props传递数据
- Vue——props数据传递
- vue.js之props传递数据
- Vue.js使用props传递数据驼峰式与短横线隔
- Struts迭代器(iterator)遍历List常用的4种例子
- BFS广度优先搜索 DFS深度优先搜索 回溯算法
- 用循环打印
- Solr__luence(六)高亮器、提升权重(相关度)
- NoSession问题
- 饿了么项目---6、使用Props传递数据
- [Hdu] 2665 Kth number(主席树模板题)
- Codeforces 385D -Bear and Floodlight (状压DP+几何)
- Hive 函数参考手册
- %lf与%f的区别
- Invalid bound statement (not found): com.zhiyou100.video.mapper.SpeakerMapper.speakerTotalCount
- 强连通分量模板
- xlistview 上拉刷新 下拉加载
- Kotlin通过Id操作View,Adapter和动态加载Xml文件也可以类似操作