组件

组件支持路由导航功能。
一:首先看一个栗子:

Home
这个栗子表示一个

  • 标签,点击时跳转到Home组件中,并且不会留下历史跳转记录,并且开启router-link严格模式

  • 二:详细讲解router-link组件的props:

    • to:目标路由的链接,相当于a标签的href属性;必须;调用的是router.push()方法,将to的值传入router.push()里
    Home
    渲染结果:
    Home
    
    router
    渲染结果:
    router
    
    • tag:指定组件最终被渲染成什么标签;非必须;如果没有tag属性,router-link最终会被渲染成a标签。在上面的栗子中,渲染成了li标签。
    Home
    渲染结果:
    
  • Home
  • 此时依旧会监听点击事件,触发导航
    • replace:调用router.replace(),页面切换时不会留下历史记录;非必须。

    • active-class:表示激活这个链接时,添加的class,默认是router-link-class

    • exact:表示开启router-link的严格模式

    你可能感兴趣的:(组件)