咖喱崔

代码层面 打包层面 http优化 图片 精灵图 sprite 一堆小图片合并成一张图 用字体图标 压缩图片 https://tinypng.com/

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

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中: