![](https://img-blog.csdnimg.cn/20201014180756757.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue
小蛮牧码者
这个作者很懒,什么都没留下…
展开
-
在 Vue 中正确使用 防抖 和 节流
1. 观察者防抖1. 在 create() 钩子 里,创建 防抖回调,并将其赋值到实例上:this.debouncedWatch = debounce(…, 500)。2. 在 观察者 回调 watch.value() { … } 中 传入正确的参数 调用 this.debouncedWatch()。3. 最后,beforeUnmount() 钩子中 调用 this.debouncedWatch.cancel() ,在卸载组件之前,取消所有还在 pending 的 防抖函数执行。<temp原创 2022-02-28 11:52:57 · 972 阅读 · 0 评论 -
VueRouter源码详细解读
路由模式1. hash使用 URL hash 值来作路由。支持所有浏览器,包括不支持 HTML5 History Api 的浏览器。Hash URL,当 # 后面的哈希值发生变化时,不会向服务器请求数据,可以通过 hashchange 事件来监听到 URL 的变化,从而进行跳转页面。2. history依赖 HTML5 History API 和服务器配置3. abstract支持所有 JavaScript 运行环境,如 Node.js 服务器端。如果发现没有浏览器的 API,路由会自动强制进原创 2022-01-21 16:03:20 · 2369 阅读 · 0 评论 -
解决ElementUI导航栏中的vue-router在3.0版本以上重复点菜单报错问题
解决ElementUI导航栏中的vue-router在3.0版本以上重复点菜单报错问题const originalPush = VueRouter.prototype.pushVueRouter.prototype.push = function push(location) { return originalPush.call(this, location).catch(err => err)}原创 2022-01-21 09:17:30 · 524 阅读 · 0 评论 -
vue3中ref、reactive、shallowRef、 shallowReactive、toRaw、unref、toRef、toRefs、customRef使用与区别
refreftoRef普通ref对象特殊ref对象不会和原始对象挂钩创建的ref对象,与原始对象挂钩重新渲染不会触发渲染-普通ref对象不会和原始对象挂钩重新渲染如下面的例子中, ref对象改变,视图已更新,原始数据json保持不变。<template> <div>b = {{b}}</div></template><script>import { ref } from '...原创 2022-01-13 17:30:32 · 2471 阅读 · 0 评论 -
vue3与vue2的详细区别
vue3与vue2区别原创 2022-01-10 11:55:34 · 5273 阅读 · 0 评论 -
详解Vue.use使用与原理
Vue.use原创 2021-12-22 16:38:24 · 1470 阅读 · 0 评论 -
vue中模板编译compiler源码详解
vue编译模板过程;<div> <h1>这是compiler</h1> <p v-if="message">{{ message }}</p> <p v-else>No messageq.</p></div>编译成render函数如下:function anonymous() { with(this){return _c('div',[_c('h1',[_v("这是compiler原创 2021-05-25 15:25:51 · 1401 阅读 · 0 评论 -
windows 创建vue项目时在git bash上下箭头不生效
winpty vue.cmd create hello-world原创 2021-04-16 14:01:54 · 208 阅读 · 0 评论