Router 页面跳转

标签式跳转

在 template 模板中使用 router-link 跳转，相当于 html 中的 a 标签

<router-link to="/">[显示字段]</router-link>

其中 to 后面跟的是导航路径
示例

<p>导航 ：
   <router-link to="/">首页</router-link>
   <router-link to="/hello">hello</router-link>
</p>

编程式导航

实际开发中，有些是通过 JS 代码内部进行导航的

this.$touter.push('/xxx')

简单示例

• 在template中的按钮上绑定一个方法goHome( )

  <button @click="goHome"> 回到首页 </button>
  

• 在