s

1.父组件给子组件传值:父组件在调用子组件的地方,添加一个自定义属性,属性的值即为要传的值,如果属性的值是number或布尔或变量,需要绑定属性。在子组件定义的地方,添加一个选项props,props的值可为数组或对象。如果是数组,元素则为父组件中的属性名,在子组件中就可以通过自定义的属性名得到父组件传过来的数据,如果是对象,1验证数据的有效性,props:{test:String….}如果数据类型不对,控制台会发出警告。2既要验证数据的类型,又要设定属性的默认值,如果值为对象或数组,则是一个函数。

2.子组件给父组件传值:在父组件调用子组件的地方绑定一个自定义事件不加括号。

@myevent=”事件名’’,在父组件选项methods中实现此事件,默认参数为你将从子组件得到的值,在子组件中,可以是生命周期钩子函数,也可以是组件自己的事件去触发父组件中的自定义事件this.$emit('事件名', 数据)

3.兄弟组件传值:中央事件总线传值  1. const bus = new Vue()2.在接收端通过bus.$on('收信信号', function (val) 3.在发送端通过 bus.$emit('收信信号', val)  

4.动态组件表单,切换时还保留原本的数据类似手机的按住了home建,keep-alive

如果只给部分添加动态,include(a,b);添加name属性

5.每个组件都会有两个生命周期钩子函数activated()正在用的,deactivated()   后台的


子传父




©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 组件(Component)是Vue.js最核心的功能,也是整个架构设计最精彩的地方,当然也是最难掌握的。...
    六个周阅读 5,659评论 0 32
  • vue概述 在官方文档中,有一句话对Vue的定位说的很明确:Vue.js 的核心是一个允许采用简洁的模板语法来声明...
    li4065阅读 7,283评论 0 25
  • title: 翻译|A Dummy’s Guide to Redux and Thunk in Reactdate...
    smartphp阅读 735评论 0 2
  • 序言 我的爱情与河大有关。 如今,我还在继续享受着这份爱情的美好。但是,今天我想讲述的故事却不是我自己的,也许是我...
    墨雪晨阅读 569评论 0 5
  • 文/雍万萍 如果有一天 你离开了我 我生命中的爱人 你将会带走我的一切 我高山之颠的歌唱 我大海浪尖的诗句 我平原...
    频彩阅读 148评论 0 11