vue路由传参之router-view标签传参

a.vue传参

<template>

  <div class="container" style="margin-top: 10%">
    <div class="row">
      <div class="col-sm-3">



           <router-link to="/about" class="list-group-item">关于</router-link>
          <router-link to="/home"  class="list-group-item">主页</router-link>




      </div>
      <div class="col-sm-9">
<!--参数msg，不可以打冒号，写冒号就成了自定义变量了-->
        <router-view msg="1234567890"></router-view>



      </div>
    </div>
  </div>
</template>

<script>

export default {

  name:'App',
  methods:{

  }

}
</script>
<style>


</style>

b.vue接收参数用props

<template>
    <div>
      <input type="text" class="form-control" id="name" placeholder="请输入名称">
      <p>{{msg}}</p>
    </div>
</template>

<script>
    export default {
        name: "About",
      props: {
          msg:String/*接收参数*/
      }
    }
</script>

<style scoped>

</style>