vue项目实现页面的跳转

我有两个页面Index.vue与flower.vue

我现在要在Index.vue中点击一个连接跳转到flower.vue中

实现流程如下

---

1、两个页面都要在index.js里面注册

import Vue from 'vue'
import Router from 'vue-router'
import Index from '@/components/Index'
import flower from '@/components/flower'
Vue.use(Router)
export default new Router({
  mode:"history",//去除哈希值的#号
  routes: [
    {
      path: '/',
      name: 'Index',
      component: Index
    },
    {
      path: '/flower',
      name: 'flower',
      component: flower
    }
  ]
})

2、然后再index.vue中这样写就可以了

 <a href="/flower">供花供佛</a>