RE: RE: Vue.js实战笔记
You are viewing a single comment's thread from:

RE: Vue.js实战笔记

Words
30
Reading
1 min
Listen
Play
7y

vue-router文档

新版的vue中路由默认就是history模式(即url中没有# ,hash模式才有)

cnpm install vue-router --save

//使用,比如App.vue 
<div id="app">
    <router-link to="/login">login</router-link>
    <router-link to="/register">register</router-link>
    <router-view></router-view> 
</div>

//vouter.js
import Register from '../components/Register'
import Login from '../components/Login'
{
  path: '/register',
  name: 'register',
  component: Register
},
{
  path: '/login',
  name: 'login',
  component: Login
},

//打开新页面-如果需要打开一个新窗口,vue2版本的  是支持 target="_blank" 属性的
<router-link target="_blank" :to="'/searcharticle/'+'@'+post.author+'/'+post.permlink">{{ post.created }}</router-link>

<a href="https://signup.steemit.com" target="_blank">注册</a>

//直接刷新当前页面
this.$router.go(0)