vue 父子页面传值

子页面：

export default {
      data() {
        return {
         }
      },

   props:["token"] //相当于在其他页面中的data(){return{ token:' ' }}   此时可接收到父页面的token数据

  methods:{

        updateData（）{

             this.$emit('func',this.token)

        } 

   }

}

父页面

<template>
    <div>
        <info :token="token" @func="getvalue"></info>
    </div>
</template>

<script>
    import Info from './info/index'
    export default {
      data() {
        return {

            token:'123'
        }
      },
      components: {
        Info
      },
      methods: {
           getvalue(value){

                this.token = value

            }
        }
    }
</script>

红色字体是父页面向子页面传值的方式

绿色字体是子页面向父页面传值的方式

蓝色字体是父页面中嵌套的子页面 :token是父页面向子页面传的值  @func是子页面向父页面传递数据的函数