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() 后台的