- 博客(45)
- 收藏
- 关注
原创 VUE生命周期
(创建前):数据观测和初始化事件还未开始, 此时data 的响应式追踪、 event/watcher 都还没有被设置, 也就是说不能访问到 data、 computed、 watch、 methods 上的方法和数据。(挂载前):在挂载开始之前被调用, 相关的 render函数首次被调用。(销毁后):实例销毁后调用, 调用后, Vue 实例指示的所有东西都会解绑定, 所有的事件监听器会被移除, 所有的子实例也会被销毁。(更新后):在数据更新之后被调用,该方法还会在组件的子组件更新之后被调用。
2024-04-11 11:50:45
1219
原创 VUE中v-if 和 v-for 哪个优先级更高? 如果同时出现, 应如何优化?
在vue3.x没出来时,回答:v-for 优先级比 v-if高是没问题的,但是有了vue3.x后这个回答就不正确了。正确的回答是什么呢咱们往下看。
2024-04-10 17:08:02
619
原创 delete 和 Vue.delete 删除数组的区别
是js中原生的操作符,当用 delete 删除数组中的元素时,它 只是被删除的元素变成了 empty/undefined 其他的元素的键值还是不变。即不会改变数组的长度。被删除的元素位置会被保留为一个空洞,即数组的索引位置仍然存在,但对应的元素值为 undefined。Vue.delete 直接删除了数组 改变了数组的键值;并且会触发ue 的响应式更新机制,确保删除操作能够被 Vue 监测到并更新视图。是 Vue框架提供的一个全局方法,用于删除 Vue 响应式对象【数组和对象】中的属性或数组元素。
2024-04-10 15:31:53
267
原创 vue项目中assets 和 static 文件夹存放资源的区别
中的资源文件在npm run build打包是会被webpack 处理,对内部的资源文件进行压缩格式化等操作,最终放到static文件夹中和index.html一起上传。项目中所需要的资源文件图片, 字体图标, 样式文件等都可以放在这两个文件下。项目中引入的第三方的资源文件如 echarts 等文件可以放置在 static 中,第三方文件已做过处理无需处理可直接上传。中放置的静态资源文件就不会要走打包压缩格式化等流程, 而是直接进入打包好的目录, 直接上传至服务器。
2024-04-10 15:10:20
331
原创 vue中$nextTick 原理及应用
Vue 的 nextTick 其本质是对 JavaScript 执行原理 EventLoop 的。setImmediate、 setTimeout 的原生 JavaScript 方法来模拟对应的。nextTick 不仅是 Vue 内部的异步队列的调用方法, 同时也允许开发。微/宏任务的实现, 本质是为了利用 JavaScript 的这些异步回调任。$nextTick 是 Vue.js 中的一个实例方法,务队列来实现 Vue 框架中自己的异步回调队列。
2024-04-03 17:55:08
351
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人
RSS订阅