笔记2：简述-Vue(要点记录)

1.vue在新窗口打开页面(其他参数传递类型类似)

let routeUrl = this.$router.resolve({
      path: "/xxx/",
      query: {
          id: xxx
       }
   });
window.open(routeUrl.href, '_blank');

2.vue跳转登录后页面重定向，将重定向地址使用escape（）加密，回跳后页面可自动解析地址

3.间隔多层组件间的数据传值

//实例化一个vue中间件  例如：bus.js文件

import Vue from 'vue'

const bus = new Vue()

export default bus

// 触发组件

Bus.$emit('事件', "值");

//接受组件

Bus.$on('事件', res => {
  // res:值
  // ...业务代码
});

4.cookies使用

//设置全局配置，设置cookie过期时间和url
this.$cookies.config(expireTimes[,path])  // default: expireTimes = 1d , path=/
//设置一个cookie
this.$cookies.set(keyName, value[, expireTimes[, path[, domain[, secure]]]])
//获取一个cookie
this.$cookies.get(keyName)       // return value   
//删除一个cookie
this.$cookies.remove(keyName [, path [, domain]])   // return this
//检查某个 cookie name是否存在
this.$cookies.isKey(keyName)        // return false or true
//获取所有 cookie name，以数组形式返回
this.$cookies.keys()  // return a array
//全局设置

// 30天后过期
this.$cookies.config('30d')

this.$cookies.config(new Date(2019,03,13).toUTCString())

this.$cookies.config(60 * 60 * 24 * 30,'');

// window object
window.$cookies.config('30d')

//其他操作
// set path
this.$cookies.set("use_path_argument","value","1d","/app");  

// set domain
this.$cookies.set("use_path_argument","value",null, null, "domain.com");  

// set secure
this.$cookies.set("use_path_argument","value",null, null, null,true);