-
- vue3怎么解决各场景loading过度
- vue3常见过度1、首次打开页面时loading在页面首次打开的加载内容，是最容易的，通过根目录index.html文件在里添加内容，就是过度内容加载中......当vue实例创建完成，通过.mount()方法挂载到id='app'的div里，会替换掉里的loading内容；2、路由切换时、异步组件loading路由切换过度需要先了解一个，vue3的内置组件；提供2个插槽????；#default:一个要加载的内容；#fallback:一个加载种显示的内容；加载中......同理：(异步组
- 文章 · 前端 | 3星期前 | Vue3 341浏览 收藏
-
- Vue3+Vite项目如何使用mockjs随机模拟数据
- 在vite中使用mockjs进行模拟数据，需要借助新的依赖进行使用一、安装mockjsyarnaddmockjs-S或npmimockjs-D二、安装vite-plugin-mocknpmivite-plugin-mock-D三、在src/mock/source文件夹下创建user.ts在index.vue中放入以下内容：import{MockMethod}from'vite-plugin-mock'exportdefault[{url:'/api/getUserInfo'
- 文章 · 前端 | 3星期前 | Vue3 vite mockjs 279浏览 收藏
-
- Vue3如何搭建Monorepo项目组件库
- 什么是Monorepo其实很简单,就是一个代码库里包含很多的项目,而这些项目虽然是相关联的,但是在逻辑上是独立的,可以由不同人或者团队来维护为什么要用pnpmpnpm对于包的管理是很方便的,尤其是对于一个Monorepo的项目。因为对于我们即将开发的组件库来说可能会存在多个package(包),而这些包在我们本地是需要相互关联测试的,刚好pnpm就对其天然的支持。其实像其它包管理工具,比如yarn、lerna等也能做到,但是相对来说比较繁琐。而pnpm现在已经很成熟了,像Vant，ElementUI这些明
- 文章 · 前端 | 3星期前 | Vue3 monorepo 475浏览 收藏
-
- vue3中ref绑定dom或组件失败的原因是什么及怎么解决
- vue3ref绑定dom或者组件失败原因分析场景描述在vue3中经常用到使用ref绑定组件或者dom元素的情况，很多时候，明明使用ref绑定了相关组件，但是经常ref绑定失败的情况。ref绑定失败情况举例ref绑定失败的绝大多数情况是，在ref和组件绑定的时候，该组件还未渲染，所以绑定失败。或者组件刚开始未渲染，ref未绑定，当组件开始渲染，ref也开始绑定，但是ref和组件并未绑定完成，这个时候使用组件相关的方法就会出现问题。ref绑定的组件使用了v-if,或者他的父组件使用了v-if导致页面开始渲染的
- 文章 · 前端 | 3星期前 | Vue3 dom ref 126浏览 收藏
-
- vue3自定义插件的作用场景及使用方法是什么
- 插件的作用场景在vue2的插件那篇文章我们介绍过插件其实就是vue的增强功能。通常来为vue添加全局功能的。在vue3中插件的功能也是一样的，只是它们在定义上有所不同。通过app.component()和app.directive()注册一到多个全局组件或自定义指令通过app.provide()使一个资源可被注入进整个应用向app.config.globalProperties中添加一些全局实例属性或方法一个可能上述三种都包含了的功能库（如vue-router）插件的定义（注册）一个插件可以是一个拥有in
- 文章 · 前端 | 3星期前 | Vue3 325浏览 收藏
-
- Vue3怎么将组件手动渲染到指定元素中
- 将组件转换为自定义元素文档：Vue与WebComponents|Vue.js(vuejs.org)Vue对WebComponents提供了良好的支持。可以使用defineCustomElement将组件转换为自定义元素。随后就可以自由插入到DOM节点中了。import{defineCustomElement}from'vue'constMyVueElement=defineCustomElement({//这里是同平常一样的Vue组件选项props:{},emits:{},template
- 文章 · 前端 | 3星期前 | Vue3 486浏览 收藏
-
- Vue3中的极致防抖或节流怎么使用
- 在前端的开发过程中，在涉及到与用户交互的过程中是基本上都是需要处理的，常规操作就是在对应位置加上防抖或者节流。加上防抖或者节流的作用：一是为了防止用户频繁操作；二是为了节约一定的服务器资源，减少资源浪费的情况。防抖或节流原理防抖（debounce）如果用户多次频繁操作以最后一次为准，当然也可以以第一次为准，进行数据更新或者网络资源请求，以消除冗余的操作，或者减少一定的请求资源浪费。示例代码functiondebounce(fn,delay=300){lettimer=nullreturnfunction(
- 文章 · 前端 | 3星期前 | Vue3 358浏览 收藏
-
- Vue3复用组件怎么使用
- 前言无论是vue还是react，当遇到多处重复代码的时候，我们都会想着如何复用这些代码，而不是一个文件里充斥着一堆冗余代码。实际上，vue和react都可以通过抽组件的方式来达到复用，但如果遇到一些很小的代码片段，你又不想抽到另外一个文件的情况下，相比而言，react可以在相同文件里面声明对应的小组件，或者通过renderfunction来实现，如：constDemo:FC=({msg})=>{returndemomsgis{msg}}constApp:FC=()=>{return()}/**render
- 文章 · 前端 | 3星期前 | Vue3 156浏览 收藏
-
- 如何用Vue3实现可复制表格
- 最基础的表格封装最基础基础的表格封装所要做的事情就是让用户只关注行和列的数据，而不需要关注DOM结构是怎样的，我们可以参考AntDesign，columnsdataSource这两个属性是必不可少的，代码如下：import{defineComponent}from'vue'importtype{PropType}from'vue'interfaceColumn{title:string;dataIndex:string;slotName?:string;}typeTable
- 文章 · 前端 | 3星期前 | Vue3 176浏览 收藏
-
- Vue3 style中新增的特性有哪些及怎么用
- style新特性Vue3.2版本对单文件组件的style样式进行了很多升级，如局部样式、css变量以及样式暴露给模板使用等。（学习视频分享：vue视频教程）一、局部样式当标签带有scopedattribute的时候，它的CSS只会应用到当前组件的元素上：hi.example{color:red;}二、深度选择器处于scoped样式中的选择器如果想要做更“深度”的选择，也即：影响到子组件，可以使用:deep()这个伪类：.a:deep(.b){/*...*/}通过v-html创建的DOM内容不会被作用域样式
- 文章 · 前端 | 3星期前 | Vue3 style 268浏览 收藏
-
- Vue3 Suspense怎么使用
- Suspense不是你想的那样。是的，它帮助我们处理异步组件，但它的作用远不止于此。Suspense允许我们协调整个应用程序的加载状态，包括所有深度嵌套的组件。而不是像一个爆米花用户界面一样，到处都是loading，组件突然奔的一下到位有了Suspense，我们可以有一个单一的、有组织的系统，一次性加载所有东西。而且，Suspense也给我们提供了细粒度的控制，所以如果需要的话，我们可以在两者之间实现一些东西。在这篇文章中，我们将学到很多关于Suspense的知识--它是什么，能干什么，以及如何使用它。首
- 文章 · 前端 | 3星期前 | Vue3 suspense 498浏览 收藏
-
- 基于SpringBoot和Vue3的博客平台发布、编辑、删除文章功能怎么实现
- 1.后端SpringBoot实现我们将使用SpringBoot作为后端框架，并使用MySQL作为数据库。1.1创建Article实体类首先，在com.example.demo.entity包下创建一个名为Article.java的新类，并添加以下内容：publicclassArticle{privateIntegerid;privateStringtitle;privateStringcontent;privateIntegerauthorId;//GetterandSettermethods}1.2创建
- 文章 · 前端 | 4星期前 | Vue3 SpringBoot 321浏览 收藏
-
- vue3+vite中如何使用import.meta.glob
- 前言：在vue2的时候，我们一般引入多个js或者其他文件，一般使用require.context来引入多个不同的文件，但是vite中是不支持require的，他推出了一个类似的功能，就是用import.meta.glob来引入多个，单个的文件。这里说说他们的对比和区别：vue2中使用require来引入多个不同的js文件1、引入modules下的所有的js文件constmodulesFiles=require.context('./modules',true,/\.js$/)2、循环，拿到
- 文章 · 前端 | 4星期前 | Vue3 vite import.meta.glob 119浏览 收藏
-
- vue3中cookie如何使用
- 前言cookie使用最多的地方想必是保存用户的账号与密码，可以避免用户每次登录时都要重新输入1.vue中cookie的安装在终端中输入命令npminstallvue-cookies--save，即可安装cookies，安装之后在main.js文件中写下以下代码import{createApp}from'vue'importVueCookiesfrom'vue-cookies'constapp=createApp(App)app.config.globalProperties
- 文章 · 前端 | 4星期前 | Vue3 cookie 435浏览 收藏
查看更多
课程推荐
-
- 前端进阶之JavaScript设计模式
- 设计模式是开发人员在软件开发过程中面临一般问题时的解决方案，代表了最佳的实践。本课程的主打内容包括JS常见设计模式以及具体应用场景，打造一站式知识长龙服务，适合有JS基础的同学学习。
- 540次学习
-
- GO语言核心编程课程
- 本课程采用真实案例，全面具体可落地，从理论到实践，一步一步将GO核心编程技术、编程思想、底层实现融会贯通，使学习者贴近时代脉搏，做IT互联网时代的弄潮儿。
- 504次学习
-
- 简单聊聊mysql8与网络通信
- 如有问题加微信：Le-studyg；在课程中，我们将首先介绍MySQL8的新特性，包括性能优化、安全增强、新数据类型等，帮助学生快速熟悉MySQL8的最新功能。接着，我们将深入解析MySQL的网络通信机制，包括协议、连接管理、数据传输等，让
- 497次学习
-
- JavaScript正则表达式基础与实战
- 在任何一门编程语言中,正则表达式,都是一项重要的知识,它提供了高效的字符串匹配与捕获机制,可以极大的简化程序设计。
- 487次学习
-
- 从零制作响应式网站—Grid布局
- 本系列教程将展示从零制作一个假想的网络科技公司官网，分为导航，轮播，关于我们，成功案例，服务流程，团队介绍，数据部分，公司动态，底部信息等内容区块。网站整体采用CSSGrid布局，支持响应式，有流畅过渡和展现动画。
- 484次学习
-
- Golang深入理解GPM模型
- Golang深入理解GPM调度器模型及全场景分析，希望您看完这套视频有所收获；包括调度器的由来和分析、GMP模型简介、以及11个场景总结。
- 470次学习
