Vue
关注
分享
扫一扫
文章平均质量分 52
讲解一些Vue知识
南瓜骨头
这个作者很懒，什么都没留下…
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
Vue3-toRef 和 toRefs 函数
- 功能：可以简化语法调用。- toRef - 函数执行时会生成一个对象 ObjectRefImpl ，是一个引用对象，具有value属性（getter 和 setter 属性）原创 2023-11-28 19:05:06 · 842 阅读 · 0 评论 -
Vue3-toRaw 和 markRaw 函数
- toRaw(转换为原始)：将响应式对象转换为普通对象，只适用于 reactive 生成的响应式对象。- markRaw(标记为原始)：标记某个对象，让这个对象永远都不具备响应式。一些集成的第三方库，会有大量的只读列表，不让其具备响应式是一种性能优化。原创 2023-11-28 19:03:34 · 985 阅读 · 0 评论 -
Vue3-provide 和 inject 跨组件传递数据
- 功能：将数据从App组件跨过一个组件传递到B组件中- provide：提供数据- inject：接收数据原创 2023-11-19 11:44:03 · 542 阅读 · 0 评论 -
Vue3-readonly(深只读) 与 shallowReadonly（浅只读）
- readonly(深只读)：具有响应式对象中所有的属性，其所有值都是只读且不可修改的。- shallowReadonly(浅只读)：具有响应式对象的第一层属性值是只读且不可修改的，其他属性值不设为只读。原创 2023-11-19 11:41:55 · 933 阅读 · 0 评论 -
Vue3-shallowRef 和 shallowReactive函数（浅层次的响应式）
Vue3-shallowRef 和 shallowReactive函数（浅层次的响应式）原创 2023-11-18 22:16:47 · 783 阅读 · 0 评论 -
Vue3-自定义hook函数
功能：可以将组合式API封装成一个函数，用于解决代码复用的问题。原创 2023-11-18 22:14:27 · 420 阅读 · 0 评论 -
Vue3-watchEffect函数
功能：watchEffect 函数在一开始时就会执行一次，而当中的回调函数的属性发生变化，那么watchEffect 就会再执行一次，主要作用还是在于监视回调函数每次的变化。原创 2023-11-17 23:33:38 · 309 阅读 · 0 评论 -
Vue3-ref、reactive函数的watch
Vue3-ref、reactive函数的watch原创 2023-11-17 23:30:15 · 838 阅读 · 0 评论 -
Vue2&3的计算属性（computed）
原理：data中的属性通过计算得到新的属性，称为计算属性（computed）。原创 2023-11-16 23:31:59 · 642 阅读 · 0 评论 -
Vue2&3全局事件总线
- 功能：可以解决所有组件之间通信传数据的问题- 原理：通过一个共享对象，将所有组件全部绑定到对象上，即可通过这个对象实现组件与组件之间的传递数据，而这个共享对象叫做全局事件总线。原创 2023-11-16 23:29:32 · 919 阅读 · 0 评论 -
Vue2&3组件自定义事件 和 解绑事件
功能：父组件绑定数据，子组件触发事件。（父绑子触发）原创 2023-11-12 11:10:44 · 1135 阅读 · 0 评论 -
Vue3-ref函数、reactive函数的响应式
ref函数通过对数据进行一个包装，然后返回一个全新的对象，叫做引用对象RefImpl在这个RefImpl对象中有一个value属性，而value属性底层调用了`Object.defineProperty`响应式原创 2023-11-11 11:31:00 · 494 阅读 · 0 评论 -
局部路由守卫component守卫
beforeRouteEnter、beforeRouteLeave都有三个参数： - to参数：to是一个路由对象，表示到哪儿去（跳转的下一个路由组件）。 - from参数：form是一个路由对象，表示从哪来（从哪个路由切换过来的）。 - next参数：next是一个函数，表示允许通过，可以继续向下走。原创 2023-11-11 11:26:58 · 316 阅读 · 0 评论 -
局部路由守卫path守卫
代码位置：path守卫代码写在route对象中beforeEnter是一个函数，参数上没有回调函数原创 2023-11-10 11:47:09 · 138 阅读 · 0 评论 -
全局后置路由守卫（afterEach）
功能：每一次切换任意路由组件之后都会被调用，相当于在进入下一个路由组件之后设置一个权限。原创 2023-11-10 11:43:38 · 770 阅读 · 0 评论 -
全局前置路由守卫（beforeEach）
功能：每一次切换任意路由组件之前都会被调用，相当于在进入另一个路由组件之前设置一个权限。 - 路由守卫的存在意义就是在不同的时间，不同的位置，去添加代码。 - 如：Java的filter（过滤器）：在使用哪段代码前先进行过滤（效果类似）原创 2023-11-09 23:24:46 · 861 阅读 · 0 评论 -
Vue2&3-props配置功能
功能：接收从其他组件传过来的数据，将数据从静态转为动态原创 2023-11-09 23:15:10 · 1045 阅读 · 0 评论 -
Vue路由组件的缓存keep-alive和include属性
浏览器页面在进行切换时，原有的路由组件会被销毁。通过缓存可以保存被切换的路由组件。原创 2023-11-02 00:36:09 · 1225 阅读 · 0 评论 -
Vue路由导航（replace、push、forward、back、go）
Vue路由导航（replace、push、forward、back、go）原创 2023-11-02 00:31:28 · 1957 阅读 · 0 评论 -
Vue的路由params与name（路径命名）、props配置的搭配
功能：通过params传参数，提高路由组件的复用性原创 2023-11-01 10:13:13 · 1978 阅读 · 0 评论 -
消息的订阅与发布机制
功能：可完成任意组件之间数据的传递（同全局事件总线功能一样）区别：与全局事件总线相比，消息的订阅和发布机制需要使用第三方库。我用的是pubsub-js库，其他的第三方库也可以使用，没有具体的限制。原创 2023-11-01 10:05:48 · 285 阅读 · 0 评论 -
Vue的路由query与name（路径命名）、props配置的搭配
功能：通过query传参数，提高路由组件的复用性原创 2023-10-31 21:27:22 · 703 阅读 · 0 评论 -
Vue路由（router）的安装和使用
Vue路由（router）的安装和使用。原创 2023-10-31 21:19:25 · 3573 阅读 · 0 评论 -
优化计算属性mapState、mapGetters和methods的mapActions、mapMutations
优化计算属性mapState、mapGetters和methods的mapActions、mapMutations原创 2023-10-28 15:33:14 · 334 阅读 · 0 评论 -
Vuex模块化（modules）与namespaced（命名空间）的搭配
原理：可以对Vuex的actions，mutations，state，getters四个属性综合成一个部分，做成一个模块使用原创 2023-10-28 15:29:03 · 800 阅读 · 0 评论 -
Vuex插件的安装与使用原理
Vuex插件的安装与使用原理原创 2023-10-27 11:09:45 · 485 阅读 · 0 评论 -
通过Vue自带服务器实现Ajax请求跨域（vue-cli）
从A页面访问到B页面，并且要获取到B页面上的数据，而两个页面所在的`端口、协议和域名`中哪怕有一个不对等，那么这种行为就叫跨域。原创 2023-10-27 11:02:22 · 678 阅读 · 0 评论