vue2

也叫响应式布局，响应式开发 实现不同屏幕分辨率的终端上浏览网页的不同展示方式。响应式布局是根据设备屏幕宽度不同适当调整标签显示的布局，从而在每种设备屏幕宽度下呈现的界面是不同的 基本原理： 一个网站适

router-link是路由的一个组件，在组件上使用原生的事件的时候，必须在事件名后面加一个.native修饰符,这样vue才会知道事件是原生事件。 同理，我们在使用ElementUI里的组件是，只要

数据劫持 观察vue中打印出来的数据发现有奇奇怪怪的get,set，这是因为Vue会对data中数据进行数据劫持，并对data中的数据进行数据代理 Vue中的数据代理 通过vm对象来代理data对象中

v-bind : 单向绑定解析表达式, 可简写为 :xxx v-model : 双向数据绑定 v-for : 遍历数组/对象/字符串 v-on : 绑定事件监听, 可简写为@ v-if : 条件渲染（

自定义指令总结： 一、定义语法： (1).局部指令： (2).全局指令： Vue.directive(指令名,配置对象) 或 Vue.directive(指令名,回调函数) 二、配置对象中常用的3个回

v-model的原理 v-model的本质,其实就是:value和@input事件的语法糖 ** 父组件通过向子组件传值和自定义事件,子组件里面通过$emit去触发input事件 注意点: 在子组件中

1、Vue中的事件修饰符： 1.prevent：阻止默认事件（常用）； 2.stop：阻止事件冒泡（常用）； 3.once：事件只触发一次（常用）； 4.capture：使用事件的捕获模式； 5.se

v2中: v-for的优先级高于v-if,所以还是会先循环创建虚拟dom,利用v-if进行移除 v-if写到外层（所有的数据都显示或者隐藏） 先通过计算属性将数据计算好（部分显示部分隐藏） v3中:

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

computed: ● 计算属性: 数据发生变化,重新进行计算从而得到新的数据 ● 逻辑计算的时候一般使用计算属性 ● 定义的时候是方法,使用的是属性 ● computed内部return依赖的数据发

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

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

发布订阅($on/$emit) 观察者模式(vue源码的依赖收集dep和watcher) 单例模式(router/vuex)只能vue.use一次,对应这些实例只能有一个 一、单例模式 只有一个实例

作用: 缓存不活动的组件(vue的内置) 使用: keep-alive组件包裹路由占位 使用场景: 列表进详情需要把列表页缓存,将列表的滚动条的位置记录下来,当重新进入列表页的时候设置滚动条位置 按需

都可以 时间上差别不大，但是一般还是放created中 如要数据需要和dom的支持，例如：echarts图标 这种情况可以把请求放入mounted,和图表一起渲染页面

- 一般放在mounted中 - 如果一定要放在created：加一个$nextTick - 一般放在mounted中 - 如果一定要放在created：加一个$nextTick

如果拿回来的数据只有自己用，放在methods中然后在created中拿，如果发现很多组件都要用，放在actions中

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

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

为什么加scoped 不加组件样式会对其他组件会污染，加了独立只会对当前组件有效果 如果加了scoped,我们想改子组件中样式， ::v-deep 深度选择器 为每个加了scoped组件上面的标签加一