vue點擊跳轉路由，Vue之路由push

Vue除了使用router-link 來實現頁面跳轉之外，還可以直接使用js代碼實現頁面跳轉。

vue點擊跳轉路由，那就是push，使用this.$router.push({path: '/'})可以實現<li><router-link to="/">Vue頁面</router-link></li>一樣的能力。

<template><div id="app"><img src="./assets/logo.png"><ul><li><router-link to="/">Vue頁面</router-link></li><li><router-link to="/ElementTest">element測試頁面</router-link></li><li><router-link to="/eleform">eleform測試</router-link></li><li><router-link to="/storett">storett測試</router-link></li><li><button v-on:click="pushtt">push測試</button></li></ul><router-view/></div>
</template><script>
export default {name: 'App',methods: {pushtt () {this.$router.push({path: '/'})}}
}
</script><style>
#app {font-family: 'Avenir', Helvetica, Arial, sans-serif;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;text-align: center;color: #2c3e50;margin-top: 60px;
}
</style>

?

效果圖如下：

?