路由中的props

Posted cuishuangshuang

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了路由中的props相关的知识,希望对你有一定的参考价值。

router文件下的index.js文件

  {

    path:‘/home‘,

    name:‘Home‘,

    meta:{title:‘模块一‘},

    // props:true,  // 表示在对应组件中可以使用props接收值

    props:{

      obj:{a:1,b:2}

    },

    component: ( )  =>  import(‘../views/Home/home‘)

  }

  

home.vue组件

  props:[‘obj‘]

 

相比于在地址中参数的优点是参数不会暴露出来

以上是关于路由中的props的主要内容,如果未能解决你的问题,请参考以下文章

this.props 的神奇用法(路由传参)

vue 路由

Vue 使用props为路由组件传参『详解』

重定向到 React Router 中的另一个路由后的警告

精Vue 使用props为路由组件传参『详解』

『精』Vue 使用props为路由组件传参『详解』