vue 路由id_Vue--路由带参跳转--/login?id=10--接收this.$route.query.id

Document

登录

注册

var login = {

template: '

登录 --- {{ $route.query.id }} --- {{ $route.query.name }}

',

data(){

return {

msg: '123'

}

},

created(){ // 组件的生命周期钩子函数

// console.log(this.$route)

// console.log(this.$route.query.id)

}

}

var register = {

template: '

注册

'

}

var router = new VueRouter({

routes: [

{ path: '/login', component: login },

{ path: '/register', component: register }

]

})

// 创建 Vue 实例，得到 ViewModel

var vm = new Vue({

el: '#app',

data: {},

methods: {},

// router: router

router

});