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"
    }
  }