Vue.js-vue-router

一、vue-router是什么怎么用

vue-router允许我们通过不同的 URL 访问不同的内容。指导一个网页层级，以及定位资源用的，这个库可以帮助我们快速的开发一个单页应用，每一页的状态和页面的数据都是可以保留的，而这种用后台的方式用的是整页的刷新，用cookie的方式传，可以节省资源。

首先我们先下载库，我们要用到：http://www.bootcdn.cn/

第一种：path，query方法（常用数据不会以为刷新就没有）

 jumprz(kssj, jzsj, jlrid) {
            //  console.log("111222",this.userid)
            if (this.jxform.SFTJ == "0") {
                this.$router.push({
                    path: '/microblogs/workweibo_gzrzxx',//搭配着query可以进行路由的传值，这个地方写路由的路径
                    query: {//这个地方写我们要穿的值  *注意：方法（中的值）=query中值2
                        kssj: kssj,//值1：值2  值1的值要在跳转页面的时候调用的
                        jzsj: jzsj,
                        jlrid: jlrid,

                    },

                })
            }

第二种：name,params方法（这个当页面刷新的时候数据就会没有了）

jumpeditjx(val) {
            this.$router.push({
                name:'workweiboupdata',
                params:{
                    id:12,
                    jksd:456,
                },
            })
        },

xmlist() {
			let param = {
				pageNo: this.page.pageNo,//页码
				pageSize: this.page.pageSize,//每页数量
				xmrq: this.rqDate,
				keyWord: null,//关键字
				wczt: 0,//完成状态
				flag: 2,//操作标志（flag=1:任务分解     flag=2:我的任务）
			}
			//拷贝
			return Object.assign({}, param);
		},

上面这个就是接收路由传入的值，当我们不传值的时候，我们就可以不用写parmas或则是query