vue.js

单页面应用（SPA） route and router 嵌套路由（多级路由） 路由传参 query params 总结： route的props配置项 replace and push 编程式路由 路

Vuex: 集中式的数据管理（读、写）插件，可实现任意组件间通信。 简单使用： index.js配置文件 actions中的context参数 getter配置项，对数据进行加工 ...mapXxx生

vue.config.js配置文件，配置代理 方式一： devServer:{ proxy:'http://localhost:5000/myBoot' } 弊端： 不能控制请求是否代理 只能代理一个

@blur="handleBlur(item, $event) 事件对象$event 能够获取节点的属性值。 触发自定义事件 this.$bus.$emit('name',参数) 注册事件回调 方式一

``` 作用：任意组件间进行通信。 安装：npm i pubsbu-js 订阅与取消 import pubsub from 'pubsub-js' mounted(){ this.pubId = pu

全局事件总线 原理：在vm对象上进行绑定事件和触发事件，触发了的事件回调函数，会传递参数，达到传参的目的。

自定义事件：区别于已经写好的内置事件给html使用，自定义事件给组件使用。 组件的原生事件： 例如：@click.native="" 就会将click事件给与组件的最外层的<div></div>

localStorage and sessionStorage 存储一个对象，会调用toString之后进行存储，需要存储json字符串，JSON.stringify(obj)

Vue生命周期 beforeCreate()执行，此时还未数据代理和数据监测，只是vue对象为null。

组件化编码流程 拆分组件 实现静态组件：按照功能点拆分。 实现动态组件：有共同的数据，数据放在所有组件的父组件上。 实现交互：绑定事件。

install(Vue, a, b){ //全局过滤器 //全局指

当混合的中的数据、方法和组件中的数据或方法有冲突，以组件中的数据为准。生命周期的钩子函数和混合中有冲突，都会存在，不会覆盖。

ref：属性的标签会被VueComponent对象管理。替代id的标签，在组件上使用。 props：能够在子组件和父组件之间传递信息。

watch 用法1： 用法2： 深度监视 immediate:true // 能够在初始化时调用一次handler，oldValue就会有值

场景：要用的属性不存在，需要通过已有的属性进行计算得到 原理：使用了Object.defineproperty方法的getter和setter 优势：有缓存机制，再次使用效率高。

事件处理 v-on @xxx @keyup.enter="showInfo" or @keydown.space="csps-lock"

Vue的基础指令 v-bind="" v-model="" v-if="true or false"、v-else-if=""、v-else="" v-show="" v-for=""