router路由使用,子父组件互相传递值

父组件向子组件传值 (通过在子组件绑定子组件中数组prop中的元素=父组件中data属性)




    
    Title
    



子组件向父组件传值(在子组件中绑定一个事件@fic=‘父组件方法名’  然后通过在子组件方法中this.emit('fic','ok'))传递参数给父组件方法




    
    Title
    
    
    
        
        Title
        
    


在vue中使用路由

首先导入路由包

再次,一定要在div中添加标签占位符,否则页面没有效果

登录        起到切换作用

 注册

注意路由对象中数组为routes     路由在vue对象中属性名为router以及link中也为router




    
    Title
    
    
    
        
        Title
        
    



想看到我的内在美吗?那你得输入<router-view>和我的组件名字

登录 注册

路由高亮显示案例:




    
    Title
    
    
    
        
        Title
        
    



登录 注册

由query传递参数:




    
    Title
    
    
    
        
        Title
        
    



登录 注册

由parms传递参数




    
    Title
    
    
    
        
        Title
        
    



登录 注册

评论案例:




    
    Title
    
    



  • 评论人:{{item.user}} {{item.content}}

利用children嵌套路由




    
    Title
    
    
    
        
        Title
        
    



Account

 

你可能感兴趣的:(router路由使用,子父组件互相传递值)