尼古拉斯-富贵

摘要： reactive 定义数据响应式 1、实现：基于ES6的 proxy 实现 2、参数：接收一个 对象 或者 数组 3、优点：能对深层次数据进行处理 能直接修改数组 能直接把对象属性进行新增、修改、删除（Object.defineProPerty 需要遍历对象的每一个属性，然后再去操作） 对比 ref 阅读全文

摘要： vue2 中的 ref 获取一个 dom 元素和实例对象 vue3 中 ref 是用来定义数据响应式 特别注意：ref 可以接收基本数据类型，也可以是对象类型 1、基本数据类型：基本数据类型 ref 的处理方式还是 Object.defineProPerty() 的get()和set() 完成 2、 阅读全文

摘要： vue3和vue2不同的地方就是不必写 data、methods、等代码块了 所有的东西都可以在 setup 中返回 setup 可以返回两种值： 1、返回对象，对象中的属性、方法都可以直接在模板中使用 2、返回渲染函数，可以自定义渲染内容（其实也就是 render 函数）注意：渲染函数优先级还高， 阅读全文

摘要： 一、总体性能 官方给出量化数据为： 1、打包大小减少41% 2、初次渲染快 55%，更新渲染快133% 3、内存减少54% 二、源码升级 1、使用 proxy 来代替 definProperty 实现响应式 2、重写虚拟DOM 3、Tree-Shaking （树摇） 三、拥抱 typescript 阅读全文

摘要： vue 指令分为 内置指令 和 自定义指令 一、自定义指令 （顾名思义：自己封装的指令） 首先指令声明 directive(全局)，directives（局部） 1、全局自定义指令 main.js 全局注册 2、局部自定义指令 同一文件内如 index.vue 函数式： 对象式：对象式里包含 bin 阅读全文

摘要： 一、事件修饰符 1、.stop 阻止事件冒泡 原生JS里面阻止事件冒泡 event.stopPropagation() 在 vue 里面直接可以写在 事件之后 @click.stop = 'submit' 2、.prevent 阻止默认事件 （如a标签默认跳转行为） 原生JS阻止默认事件 event 阅读全文

摘要： 一、什么是http缓存 http缓存就是在浏览器从服务端请求的资源，通过缓存规则保存在浏览器本地，二次请求的时候不再从服务端获取 而是直接从本地获取缓存资源，降低了 服务器压力，提升了加载速度 二、缓存规则 1、强制缓存 首次请求服务端资源时，服务端会在Response Headers 中写入缓存时 阅读全文

摘要： 1、https://www.jianshu.com/p/6746467c7958 阅读全文

摘要： layout公共页面是使用频率非常高的页面，且直接通过路由配置 本篇例子：把侧边栏和导航头作为layout，因为在后台管理系统里基本是每个页面都要用的 1、首先在src/views下新建layout文件夹，layout文件夹下新建layout文件作为总体，再给layout新建components组件 阅读全文

摘要： 我们项目一般无非三种环境： （dev）本地 （test）测试 （prod）开发 但是脚手架初始结构只有两个：serve，build，且不够灵活。 那么我们该如何配置呢？ 1、安装依赖包：npm install --save-dev cross-env 2、根目录新建三个文件，写好相应配置 2.1、. 阅读全文