动态匹配路由的基本用法||路由组件传递参数

动态匹配路由的基本用法

动态匹配路由的基本用法||路由组件传递参数_第1张图片


动态匹配路由的基本用法||路由组件传递参数_第2张图片



  
    
    
    
    Document
    
    
    
  
  
    
    
User1 User2 User3 Register



路由组件传递参数

$route与对应路由形成高度耦合,不够灵活,所以可以使用props将组件和路由解耦

1. props的值为布尔类型

动态匹配路由的基本用法||路由组件传递参数_第3张图片



  
    
    
    
    Document
    
    
    
  
  
    
    
User1 User2 User3 Register


2. props的值为对象类型

动态匹配路由的基本用法||路由组件传递参数_第4张图片



  
    
    
    
    Document
    
    
    
  
  
    
    
User1 User2 User3 Register

动态匹配路由的基本用法||路由组件传递参数_第5张图片


3. props的值为函数类型

动态匹配路由的基本用法||路由组件传递参数_第6张图片



  
    
    
    
    Document
    
    
    
  
  
    
    
User1 User2 User3 Register

你可能感兴趣的:(vue.js)