vue路由之间的传值

路由传值

当我们进行路由跳转时，时常是需要带一些参数过去的。

1. 传参（在需要跳转路由的页面跳转路由时传递参数）

   this.$router.push(//路径？参数名=参数值)

   • this.$router.push({
     path:"路径xxx",
     query:{
     //这里的query就好比在url上串了一些参数，类似于接口get请求传参
     name:"xxx"
     }
     })
     ​
     this.$router.push("路径?name=xxx")

2. 接参（接收参数是在路由跳转到xxx组件后，在xxx组件里面接收）

   this.$route.query.参数名

   • this.$route.query.name      //这里就可以收到whis.$router.push传递过来的参数了  

moment的使用

moment().format("YYYY-MM-DD HH:MM:SS")

侦听器

watch：可以侦听某个数据是否发生变化，如果发生变化会立刻调用相关函数

两种用法

基本数据的侦听

watch:{
    //watch要监听的值 不需要使用this   前面相当于一个字符串使用
    //后面函数跟二个值，一个是newValue是目前的值，后面还有一个oldValue就是修改前的值
    //只要监听的值有变化 ，就会调用后面的函数
    "$route.query.参数名"：function(newVal,oldVal){
    //上面的值只要有变动就会执行下面代码
    }
}

复合型数据的侦听

watch:{
     "数据名":{
             handler:function(newVal,oldVal){
              //newVal是新的数据，oldVal是没修改前的数据
              //这里可以执行数据变动后的处理
        },
        deep:true//深度监听     
    }
}

axios基地址配制与全局调用

1. axios.defaults.baseURL='http://183.237.67.218:3000' 即: axios.defaults.baseURL="地址"

2. Vue.prototype.$axios=axios