<router-link :to="{name:'loginP',params:{id:'110'}}">登录页面
<router-link :to="{name:'registerQ',query:{userId:10}}">注册页面
export default {
name:'index',
data () {
return {
isShow:false
}
}
// mounted () {
// this.isShow = true
// // this.$refs.input.focus()
// console.log(this.$refs.input)
// // $nextTick 是在DOM更新循环结束之后执行的延迟回调，在修改数据之后使用 $nextTick可以在回调中获取更新后的DOM
// this.$nextTick(() => {
// // 更新之后的DOM
// this.$refs.input.focus()
// })
// }
}
<style scoped>
import Vuefrom 'vue'
import Routerfrom 'vue-router'
import indexfrom '@/view/index'
import index2from '@/view/index2'
import index3from '@/view/index3'
Vue.use(Router)
export default new Router({
routes: [
{
path:'/',
name:'index',
component: index,
children: [
{
path:'/login:id',
name:'loginP',
component: index2
},
{
path:'/register',
name:'registerQ',
component: index3
}
]
}
]
})
总结 ：query是拼接键值对在地址栏 params是往后凭借动态参数
