如何通过URL将参数从一个视图传递到另一个视图，framework7和vuejs？

Question

在组件1：

methods: {   
 leerNota(nota){
         //I need to send the variable nota.
     this.$f7router.navigate('/articulo/');
 }
}

在我的路线文件中

 {
    path: '/articulo/:id',
    component: DetalleNoticia
  },

如何从组件1的路径发送ID

在组件2中，参数将按以下方式接收

export default {
    data(){
        return{
            id: this.$f7route.params.id
        }
    },
}

如果我通过通过url发送参数在浏览器中执行直接测试，则实际上是发送和接收它，但是问题是我不知道如何将组件1的参数发送到视图2