动态的设置router-link的跳转

router-link标签是vue路由的跳转标签，用来跳转当前页面的路由，类似于a标签的作用。

<router-link to="home">Home</router-link>

//表示跳转到home路由，to相当于href

这是路由最基本的使用，有一些情况下需要从Vue对象的data中获取路由地址，动态的设置to属性，比如：

...
//这是data中的数据,我们需要循环它，并获取每个对象中的router属性作为router-link的跳转地址
desktopApp: [
        {
          id: 0,
          name: "设置",
          router: "/setting"
        },
        {
          id: 1,
          name: "应用中心",
          router: "/app
        },
        {
          id: 2,
          name: "个人中心",
          router: "/person"
        }
      ]
...

下面是渲染，通过v-bind绑定to属性，传递循环获取到的数据

 <router-link  v-for="item in desktopApp" :to="item.router" :key="item.id">
    <p class="appName">{{item.name}}</p>
 </router-link>

如果你想结合用字符串拼接item.router得到路由，可以这样：

 ...  :to="item.router + '/ok' " ...

这样就简单的实现了路由的动态绑定