router.beforeEach((to, from) => { const token = localStorage.getItem(pz_token) if(token&&to.path !== /){ return / //强制所有路径跳转到根路径（/） }else if(!token&&to.path !== /login){ return /login } })

计算属性let attribute = computed(()=>{}) 监听属性，数据改变执行回调函数watch(attribute(obj/function/array),()=>{})默认深度监听deep:true watchEffect，立即执行一次回调函数 代码复用 自定义钩子函数hook，混入mixin 性能优化 shallowRef没有响应式，shallowReactive第一层具有响应式 深只读readonly，浅只读shallowReadonly 判断数据是否具有响应式/代理对象/只读 toRaw将响应式对象转为普通对象，markRaw标记对象不具有响应式 Fragment？teleport改变组件位置 数据传递 props(父子)，事件，全局事件总线(兄弟)，provide/inject(祖孙)，消息发布与订阅，状态管理vuex，路由/路由器route/router 监听属性/自定义ref实现延迟显示 标签内setup

设置对象属性 user.name = zhangsan 完成数据代理 Object.defineProperty,Proxy,Reflect.get/set/deleteProperty 完成响应式 nameRefImpl = ref(zhangsan),return {nameRefImpl}适用于基本数据类型 reactive({})适用于引用类型（对象） vue2 data(){return {}}/date:{}自动完成数据代理,响应式

单表增删改查（servlet/vue）,搜索联想和自动补全（ajax）,天气查询（ajax/vue）,省市联动（ajax/vue）,视频精准空降（js）

原型对象 类.prototype，对象原型 实例对象__proto__，constructor属性和扩展方法，深拷贝和浅拷贝，抛出异常throw new Error(msg)，捕获异常try{code}catch(Error){throw new Error（msg）/ return}，改变this指向（func.call（null/obj,x,y））

数组解构和对象解构，内置对象常用方法 引用类型：Object, Array, RegExp, Date 等 包装类型：String, Number, Boolean 等 Object assign：合并一个多个对象到目标对象，并返回目标对象 keys：获取对象中所有 key 集合，数组 values：获取对象中所有的值集合，数组 Array 常用方法（高阶函数）：forEach filter map reduce find every 其他：find findIndex every some splice join sort reverse concat Array.from ()：将伪数组转为数组 String 常用方法：split startsWith includes substring 其他：toUpperCase toLowerCase indexOf length 长度属性，String () 直接使用转字符串 num.toString ()：转换为字符串 Number Number () 直接使用传数字 toFixed () 设置保留小数位的长度

作用域，垃圾回收，闭包，变量和函数提升； 动态参数(arguments)和剩余参数（...arr），箭头函数

:name="value" props:[name,name] document.getElementById()->ref="name" this.$refs.name

SPA一个页面多个组件，MPA多个页面； 子路由children:{route,route}； name路由命名代替path路径； query,params传参，props配置

计算属性（getters）模块化开发（modules）

模糊查询，全局事件总线，集中式状态管理

ajax跨域问题（设置响应头，jsonp，nginx反向代理）

发送ajax请求，手写jQuery库

cookie,el表达式，jstl标签库，filter过滤器，listener监听器