1. 向子组件传值
main.html
<!--向子组件传值-->
<sys-header :sys-user-name="systitle"></sys-header>
header.vue
用props来配置字段, 获取父自检传过来的值
props: ["sysUserName"], //获取父组件传过来的值, 使用时直接使用,跟data中定义的属性一样
2. 向父组件传值
main.html
<!--定义事件, 供子组件调用-->
<sys-header @getxx="getMenuName"></sys-header>
methods: {
//被子组件调用
getMenuName(value){
console.info(value);
}
}
header.vue
this.$emit('getxx', 'user manager');