VUE组件传参

一、父子组件传参

1.常规组件传参,子组件通过props接收

        a.引入子组件

import Login from "../../components/Login&Register/Login.vue";

        b.注册子组件

 components: { Login }

        c.使用子组件

 <Login :loginName="uname"></Login>

2.特殊组件传参

        通过路由进行传参<router-view></router-view>,如果传递的是方法，常规子组件用的是：符号，特殊子组件是@符号

<router-view v-if="$route.meta.keepAlive" :loginName="uname"></router-view>

二、子给父传参

1.数据传递：通过EventBUS来传递，在父组件中写监听事件，在子组件中写发送事件。

2.方法传递：在组件标签中设置ref属性，父组件通过this.$refs.abc.function()调用