尼古拉斯-富贵

摘要： 总体来说vue3的watch属性和vue2差不多，但是也有几个不同点 1、需要从vue中引入 2、vue3中的watch属性不能监测到响应式数据 reactive 对象，否则获取不到属性旧值（深度监测deep设置无效） watch能监测ref响应式数据，且能返回新旧值 3、vue3中watch可以监 阅读全文

摘要： 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组件 阅读全文