vue-router

  1. 使用vue.js+vue-router实现单页应用,<router-link>是一个组件,用于设置一个导航链接,切换不同的HTML内容,to属性为目标地址,即要显示的内容

  2. <p>
        <router-link to="/form">跳转到Form</router-link>
    </p>
    

<router-link>相关属性

  1. to,表示目标路由的链接,当被点击后,内部会把to的值传到router.push(),该值可以是字符串或者描述目标位置的对象

  2. replace,设置replace属性,当点击时,会调用router.replace()而不是router.push(),导航后不会留下来history记录

  3. append,设置该属性后,会在当前(相对)路径前添加其路径,相当于String中的append(追加)

  4. tag,可以将<router-link>渲染成某种标签,例如<li>,貌似没什么用

  5. active-calss,设置链接激活时使用的CSS类名

  6. event生命可以用来触发导航的事件,可以是一个字符串或者时一个包含字符串的数组