Vue-router, как сделать ссылку на новую страницу?

<section id="app-pro">     
      <router-view></router-view>
</section>

import AppPro from './AppPro.vue'
import PageSmeta from './components/PageSmeta.vue'

Vue.use(VueRouter)

Vue.component('PageSmeta', PageSmeta);

const routes = [
  { path: '/pagesmeta', component: PageSmeta}
]

const router = new VueRouter({
  routes
})

new Vue({
  el: '#app-pro',
  render: h => h(AppPro),
  router
}).$mount('#app-pro')

<router-link to="/pagesmeta">Smeta Router</router-link>

<template>
	<h1>Smeta</h1>
</template>