Vue.js路由的其他操作

 <router-link to="apple">to apple</router-link>
 上面的和下面的区别 <router-link :to="{path:'banana'}">to banana</router-link>

 <router-link to="/apple">to apple</router-link>
 上面的和下面的区别 <router-link :to="{path:'banana'}">to banana</router-link>

<template>
 <div id="app">
 <router-link :to="path">to apple</router-link>
 ...... </div></template><script>
 export default {
 data () { return { path: 'apple'
 }
 }
 }</script>

<router-link :to="'apple'">to apple</router-link>

<router-link :to="{path:'banana',param:{color:'yellow'}}">to banana</router-link>

<router-link :to="'apple'" tag="li">to apple</router-link>

router.push('apple')
或者
router.push({path: 'apple'})
或者name
......