1. 使用router-link切換路由地址 ``` <!-- router-link默認為a標簽，即使被渲染為span但任然能點擊 --> <router-link to="/login" tag="span">登錄</router-link> <router-link to="/register">注冊</router-link> <router-view></router-view> ``` 2. 使用router-link傳值 ``` 1. 在鏈接中傳遞值 <router-link to="/login?id=11&name='ss'">登錄</router-link> ``` ``` 2. 在component對象中設置$.route.query值 var login = { template: '<h3>登錄--{{id}}--{{name}}</h3>', data() { return { id: this.$route.query.id, name: this.$route.query.name } }, created(){ console.log(this.$route.query.id); } } ```