那些年一起追过的题

强缓存： 如果设置强缓存，如果缓存资源有效，就直接使用缓存资源，不必向服务器发起请求 设置： 1.http头信息中的Expires指定资源的过期时间，绝对时间，服务器的时间（客户端与服务端之间的时间不

cookie 服务器用于记录用户状态的一种方式，服务端设置，客户端存储 最多4k,生存时间由expires属性指定 只能被同源的页面访问共享 sessionstorage 一种浏览器本地存储的方法 5

hash: 是开发默认的模式，url后面带一个# 不会重新加载页面，浏览器支持度挺好 被称为前端路由，是SPA的标配 原理：onhashchange()事件 history: 传统的路由分发模式，解析

适用于父子组件、祖孙组件通信 是vue提供的两个钩子，跟data/methods同级 provide 同data 发送 非响应式 inject 接受 provide(){ return{ num:th

适用于父子组件、非父子组件之间的通信 创建事件中心管理组件之间的通信 event-bus.js import Vue from 'vue' export const EventBus=new Vue(

在vue初始化之前，div是不归vue管的，写的代码还没有解析的情况下，容易出现花屏现象 css:[v-cloak]:display:none 根元素上 ：style="display:none" :

params+name 配置 /detail/:id 传递 在路径后面跟上对应的值 /detail/123 跳转 :to="{name:'detail',params:{}}" this.$route

query 要用path引入 类似get传参 浏览器地址栏是参数 刷新不会丢失数据 params 要用name引入 类似post 浏览器不显示 刷新会丢失

使用index作为key,跟没写基本上没区别 因为不管数组的顺序如何变化，index都是1,2,3 这样排列会导致vue复用错误的旧子节点，做很多额外的工作

vuex：存储在内存中——用于组件间传值，数据的响应式 localstorage: 以文件的形式存储在本地 只能存储字符串类型的数据 存储对象需要JSON的stringify和parse方法处理 可以

delete:只是删除的元素变成empty/undefined Vue.delete:直接删除了数组，改变了数组的键值

全局定义 Vue.directive('focus',{}) 局部定义 directives:{focus:{}} 钩子函数： bind 绑定，只调用一次 inserted 插入父节点时调用 upda

1.前组件会被卸载 将状态存储在localstorage和sessionstorage中。即将被销毁的生命周期中，把当前组件的state通过JSON的方法储存下来 2.前组件不会被卸载 a.单页面渲染

相同点：都是存放静态资源文件，比如图片/字体图标/样式文件 区别： assets:会打包上传，压缩体积，代码格式化， 最终会放置在static中，跟着index.html一起上传 static:不会打

created 这个时候data和methods已经初始化了，可以传递参数请求数据了created 这个时候data和methods已经初始化了，可以传递参数请求数据了

slot是插槽，是vue的内容分发机制，组件内部的模板引擎使用slot元素作为承载分发内容的出口 默认插槽：没有指定name值，只有一个 具名插槽：带有name值，多个 作用域插槽：可匿名，可具名，可

- 改变原数组 10个 pop/push/shift/unshift/sort/reverse/splice/copywithin/fill/map - 不改变原数组 8个 foreach/some/

控制权限分为：接口权限、按钮权限、菜单权限、路由权限 接口权限：用户登录成功后会得到一个token，将token存起来，通过axios请求拦截器进行拦截，请求头里要携带token 按钮权限:通过自定义

意外的全局变量：由于使用未声明的变量，意外创建一个全局变量，使这个变量一直留在内存中无法被回收 被遗忘的计时器和回调函数 脱离DOM的引用：引用一个DOM元素，后面被删除 不合理的闭包：导致某些变量一

$router是vueRouter的实例对象，是一个全局路由对象，包含了路由跳转的方法和钩子函数 $route是路由信息对象，每一个路由都会有一个route对象，是一个局部对象，包含path/para