Vue2

服务器有两种 一种是业务后台服务器（淘宝服务器 天猫服务器）sso服务器（单点登录认证服务器） 思路 用户访问某个业务后台服务器，需要登录，发现没有token,这个时候就跳转到sso登录页面 用户登录

虚拟DOM 就是一个普通的js对象，用来描述一个真实的DOM结 虚拟dom好处 提升性能减少不必要的DOM更新，避免频繁重绘和回流 可以实现跨平台 什么是diff算法 diff算法：初始化的时候会有一

Vue的响应式原理是通过数据劫持+观察者模式来实现的 数据劫持 观察vue中打印出来的数据发现有奇奇怪怪的get,set，这是因为Vue会对data中数据进行数据劫持，并对data中的数据进行数据代理

为什么加scoped 不加组件样式会对其他组件会污染，加了独立只会对当前组件有效果，为每个加了scoped组件上面的标签加一个唯一的data-自定义属性,把写的样式统统加一个属性选择器

多个组件发现有options选项是一样的，就可以提取到mixin混入中 应用场景：按钮权限 当mixins中有选择，并且组件也有合并策略 生命周期会两个都执行 其他会合并，但是名字冲突以自己为准

computed一般是用来根据data数据计算得到一个结果，watch是用来监听数据的变化 应用场景 computed 购物车总价 全选反选 watch 搜索提示

methods一般用来做为事件的回调函数 computed是用来做计算属性，解决插值表达式太繁琐 methods没有缓存 computed有缓存

对象新添加属性或删除对象现有的属性 通过索引操作数组 解决办法： 对象：如果想要让数据还是响应式，就可以通过:$set,$delete,$forceUpdate 数组：使用这些API:push()、p

Vue中的事件修饰符 prevent：阻止默认事件（常用） stop：阻止事件冒泡（常用） once：事件只触发一次（常用） capture：使用事件的捕获模式 self：只有event.target

v-if v-show v-on v-model v-bind v-for v-text v-html v-noce v-cloak v-pre

v-for的优先级高于v-if 不能让这两个指令同时出现在一个标签上 可以考虑使用计算属性过滤一下 在v-for外层包一个template,将v-if放入templat中

keep-alive 缓存组件 钩子 acticated 代替 created deactivated 代替 beforeDestroy

单例模式 只有一个实例 唯一性 应用 lodash moment.js Vue.use 会自动阻止多次注册相同插件，届时即使多次调用也只会注册一次该插件。 发布订阅模式 微博 抖音 公众号 概念:发布

全局守卫 router.beforeEach router.afterEach 路由独享守卫 这个项目一堆路由但是只有一个路由需要判断有没有token,如果把判断token用全局前置守卫就浪费了 be

hash模式 利用了onhashchange事件 history模式 利用history.pushState(stateObject, title, url)来实现的

cors:我之前上班的时候用的是cors的方式，都是后台java在做，前端不用管 反向代理：当然如果跨域需要前端做也可以，用proxy反向代理的方式，就是vue.config.js配置文件中通过dev

原生app android 或 object c 快 缺点每次更新需要用户手动更新 游戏类app h5 app 就是把html写好的用一个浏览器包起来就成了app （hubilderX) 更新好了用户

v-model 语法糖 @input v-bind:value的简写 是可以实现双向数据绑定 可以用在组件上，实现双向通信 有一个缺点只能有一个，如果想实现多个属性双向通信，可以用sync修饰符 sy

发送ajax是写在created还是mounted?都可以 时间上差别不大，但是一般还是放created中

操作dom是写在created中还是mounted中 一般放在mounted中 如果一定要放在created 加一个$nextTick