vue中從一個頁面傳參到另一個頁面

首先我在home.vue中定義

updates(id){
this.$router.push({
path:'/world',
name:'world',
params:{
id : id
}
})
}
其次在另一個頁面world.vue中

export default {
name: '',
data () {
return {
id: ''
}
},
created(){
this.getParams()
},
methods: {
getParams () {
// 取到路由帶過來的參數
var routerParams = this.$route.params.id
// 將數據放在當前組件的數據內
this.id = routerParams
}
},
watch: {
// 監測路由變化,只要變化了就調用獲取路由參數方法將數據存儲本組件即可
'$route': 'getParams'
}
}