Vue2/3 父子组件传值

Vue2

1.子组件获取父组件

    1. 我是父组件传的参数{{ msg }}

1.1.父组件传给子组件

    // 1.1传给子组件值 <子组件 :msg="">
    

2.1.父组件调用子组件方法

    // 2.2.@opParent必须和子组件一样
    
    // 2.1.方法
    

// 引入子组件
import Son from './Son.vue'
export default {
    components: {
        // 子组件
        Son
    },
    methods: {
        opSon() {
            // 2.1.调用子组件方法
            tshi.$refs.sonRef.ParentOpSon("我是父组件传入的参数");
        },
        // 2.2.调用父组件方法
        parentMethod (e) {
            console.log('刷新')
        }
    }
}

2.2.子组件调用父组件方法                                                                   

    我是父组件传的参数{{ msg }}
    我要调用父组件方法

Vue3

1.子组件获取父组件

{{ msg }}

1.1父组件传给子组件

2.1父组件调用子组件方法

    
    传给子组件方法

2.2.子组件调用父组件方法

    调用父组件方法





    
    传给子组件方法