前端vue:路由的基本使用 1. 路由 概念: Hash 地址与组件之间的对应关系 工作方式: 当用户点击页面上的路由链接 导致了 URL 地址栏中的 Hash 值发生了变化 前端路由就会监听到 Hash 地址的变化 前端路由把当前 Hash 地址对应的组件渲染都浏览器中 2. vue-router` vue-router 是 vue.js 官方给出的路由解决方案 2.1 vue-router 的基本用法 安装 vue-r 前端 2025年06月01日 141 点赞 0 评论 10358 浏览
vue 函数化组件 Vue.js提供了一个functional的布尔值选项,设置为true可以使组件无状态和无实例,也就是没有data和this上下文。这样用render函数返回虚拟节点可以更容易渲染,因为函数化组件只是一个函数,渲染开销要小很多。 使用函数化组件时,Render函数提供了第二个参数context来提供临时上下文。组件需要的data、props、slots、children、parent都是通过这个上 前端 2025年05月12日 34 点赞 0 评论 10383 浏览
Vue-根据角色生成动态路由及菜单-1-vue脚手架创建项目 根据登录用户的角色,生成路由后addRoute、生成菜单栏基本思路: 1. 用户在登录页输入 用户名+密码 请求后端 login接口 拿到 token 后保存到cookie或sessionStorage中; 2. 接着携带拿到的token请求后端 userInfo 接口,获得用户基本信息及角色role; 3. 前端维护路由表,除了不需要权限限定的页面外其余每个路由添加met 前端 2025年05月27日 151 点赞 0 评论 10395 浏览
vue的动态组件 keep-alive 1. 什么是动态组件 动态组件指的是 动态切换组件的显示与隐藏 2. 如何实现动态组件渲染 vue提供了一个内置的<component>组件,专门用来实现动态组件的渲染。 作用:组件的占位符 is的值表示要渲染的组件 示例代码如下: Left.vue的代码 <template> <div class="box">这是左边的组件</div> 前端 2025年05月07日 34 点赞 0 评论 10423 浏览
前端流式输出实现详解:从原理到实践 前端流式输出实现详解:从原理到实践 前言 一、流式输出核心原理 1.1 什么是流式输出? 1.2 技术优势对比 1.3 关键技术支撑 二、原生JavaScript实现方案 2.1 使用Fetch API流式处理 关键点解析: 2.2 处理SSE(Server-Sent Events) 前端 2025年04月25日 173 点赞 0 评论 10446 浏览
Vue3 使用 Event Bus 本文已整理到 Github,地址 👉 blog。 如果我的内容帮助到了您,欢迎点个 Star 🎉🎉🎉 鼓励鼓励 :) ~~ 我希望我的内容可以帮助你。现在我专注于前端领域,但我也将分享我在有限的时间内看到和感受到的东西。 在 Vue2 中,创建 Event Bus 如下: export const bus = new Vue() bus.$on(...) bus.$emit(...) 在 V 前端 2025年06月16日 149 点赞 0 评论 10507 浏览
前端实用网站 前端查询网站 npm官网: MDN官网: w3c在线教程: w3菜鸟教程: JavaScript明星项目:https: 前端 2025年08月11日 149 点赞 0 评论 10509 浏览
Windows 搭建 Gitea 一、准备工作1. 安装 Git:Gitea 依赖 Git 进行代码管理,所以首先需要确保系统中安装了 Git。下载地址: 安装数据库(可选)默认情况下,Gitea 使用 SQLite 作为内置的轻量级数据库,但如果需要, 前端 2025年04月17日 107 点赞 0 评论 10541 浏览
在 Vue3 中使用 Mammoth.js(在 Web 应用中预览 Word 文档)的详解、常见场景、常见问题及最佳解决方案的综合指南 一、Mammoth.js 简介与核心功能Mammoth.js 是一个专用于将 .docx 文档转换为 HTML 的库,适用于在 Web 应用中预览 Word 文档。其核心特点包括: 语义化转换:基于文档样式(如标题、段落)生成简洁的 HTML 结构,忽略复杂样式(如居中、首行缩进)。 轻量高效:适用于需要快速预览文档内容的场景,如后台管理系统、教育平台等。 浏览器端支持:可直接在前端 前端 2025年04月25日 128 点赞 0 评论 10554 浏览
Spring Boot Banner 本文源码仓库地址:Gitee 一、前言在日常开发中,我们经常会看到各种各样的启动画面。例如以下几种: Spring Boot项目启动 MyBatis-Plus启动 RuoYi项目启动 这些好看的启动画面叫什么?又是如何制作的呢?请往下看。 二、SpringBoot Banner (一)概述 前端 2025年09月09日 52 点赞 0 评论 10555 浏览