
vue3
此处不留情
qq:3178527548
展开
-
vue3中使用mock.js
Mock.js 是一个用于生成随机数据的模拟数据生成库。它可以帮助开发人员在前端开发中创建模拟接口,以便进行测试和开发。生成随机数据:Mock.js 提供了丰富的数据模板语法,可以根据指定的规则生成各种类型的随机数据,包括数字、字符串、布尔值、日期等。拦截 Ajax 请求:使用 Mock.js,你可以拦截前端的 Ajax 请求,并根据模板定义生成模拟数据返回给前端,以模拟后端接口的行为。原创 2023-08-18 09:26:18 · 2587 阅读 · 0 评论 -
vue3学习之(watchEffect函数, watch函数)
watch的套路是:既要指明监视的属性,也要指明监视的回调。原创 2022-06-22 21:14:03 · 1065 阅读 · 0 评论 -
vue3学习之(toRaw和markRaw,readonly 与 shallowReadonly,shallowReactive 与 shallowRef, toRef)
作用:将一个reactive生成的响应式对象转为普通对象。使用场景:用于读取响应式对象对应的普通对象,对这个普通对象的所有操作,不会引起页面更新。作用:标记一个对象,使其永远不会再成为响应式对象。使用场景:...原创 2022-06-20 21:12:22 · 776 阅读 · 0 评论 -
Vue3学习之provide 与 inject,customRef
作用:实现祖孙(跨级)组件间通信。套路:父组件有一个provide选项来提供数据,后代组件有一个inject选项来开始使用这些数据。具体写法祖组件中:后代组件中:二、customRef作用:创建一个自定义的ref, 并对其依赖项追踪和更新触发进行显式控制。实现防抖功能:...原创 2022-06-14 21:22:50 · 175 阅读 · 0 评论 -
options API与 composition API的区别,响应式数据的判断
使用传统的配置式API,新增或修改一个功能需要去data,methods,computed各种配置里去改,如果功能较复杂,修改较麻烦。可以更加优雅的阻止我们的代码,函数。让相关功能的代码更加有序的组织在一起。想要组合式api发挥作用,必须要使用hook函数。...原创 2022-06-13 21:33:01 · 914 阅读 · 0 评论 -
vue3内置组件(Teleport组件,Fragment组件)-传送组件,减少层级
可将组件移动到 DOM 中 Vue app 之外的其他位置,主要是为了解决一些特殊场景下模态对话框组件、组件的渲染。原创 2022-06-09 21:41:47 · 998 阅读 · 0 评论 -
vue3内置组件(Suspense组件)-可在网速缓慢时或子组件返回对象是promise对象时异步加载组件。
vue3内置组件(Suspense组件)原创 2022-06-08 21:51:56 · 310 阅读 · 0 评论 -
vue3 设置定时任务执行
想要在vue3里实现定时任务,定时刷新,定时发送请求等等,我们需要借助window对象中的setInterval方法,关于这个方法的具体介绍参考这里Window setInterval() 方法。一、具体代码实现<template> <div> <div id="l1"> <!-- 页面代码 --> </div> </div></template><script>impor.原创 2022-04-19 13:54:24 · 12728 阅读 · 0 评论