vue的动态组件 keep-alive 1. 什么是动态组件 动态组件指的是 动态切换组件的显示与隐藏 2. 如何实现动态组件渲染 vue提供了一个内置的<component>组件,专门用来实现动态组件的渲染。 作用:组件的占位符 is的值表示要渲染的组件 示例代码如下: Left.vue的代码 <template> <div class="box">这是左边的组件</div> 前端 2025年05月07日 34 点赞 0 评论 10823 浏览
Vue中的内置指令与自定义指令 一、内置指令 1、v-text指令 :向标签中添加文本 2、v-html指令:向指定恒点中渲染包含html结构的内容。 2-1、与插值语法的区别: (1).v-html会替换掉节点中所有的内容,{{xx}}则不会 。 (2).v-html可以识别html结构。 2-2、严重注意: v-html有安全性问题!!! (1).在网站上动态演染任查HTML是非常危险的,容易导致XSS攻击。 (2).定要 前端 2025年06月07日 152 点赞 0 评论 10785 浏览
vue-router(vue 路由)基本使用指南(二) 文章目录 深入使用 导航守卫 重定向与别名 history 配置:指定历史模式 路由元信息(meta) 拓展 状态管理(Pinia / Vuex) Pinia / Vuex 介绍 Vuex vs Pinia Pinia 基本使用 Pinia 使用 Cookies 存储 深入使用 导航 前端 2025年10月21日 90 点赞 0 评论 10785 浏览
[git] MacBook 安装git 文章目录 1.Mac Git 安装 2. 开发者工具 安装 CommandLineTools 安装完成,错误解决 3. git 账户配置 账户设置 生成秘钥 git 或者 gitee 仓库添加公钥 查看全局账户命令 多账户设置 config文件 测试连接 clone到本地 1.Mac Git 安装Mac一般自带Git工具,也就 前端 2025年04月17日 47 点赞 0 评论 10635 浏览
Vue-根据角色生成动态路由及菜单-1-vue脚手架创建项目 根据登录用户的角色,生成路由后addRoute、生成菜单栏基本思路: 1. 用户在登录页输入 用户名+密码 请求后端 login接口 拿到 token 后保存到cookie或sessionStorage中; 2. 接着携带拿到的token请求后端 userInfo 接口,获得用户基本信息及角色role; 3. 前端维护路由表,除了不需要权限限定的页面外其余每个路由添加met 前端 2025年05月27日 151 点赞 0 评论 10633 浏览
CSS中的BFC,是什么? CSS中的BFC详解 点击打开视频讲解 一、常见定位方案 普通流 默认,从上而下,行内元素水平排列,行满换行,块级元素渲染成一个新行。 浮动 先按普通流位置出现,然后根据浮动方向偏移。 绝对定位 元素具体位置由绝对定位坐标组成。 二、什么是BFC BFC(Block Formatting Context)格式化上下文,是Web页面中盒模型布局的CSS渲染模式,指一个独立的 前端 2025年06月20日 129 点赞 0 评论 10574 浏览
vue 函数化组件 Vue.js提供了一个functional的布尔值选项,设置为true可以使组件无状态和无实例,也就是没有data和this上下文。这样用render函数返回虚拟节点可以更容易渲染,因为函数化组件只是一个函数,渲染开销要小很多。 使用函数化组件时,Render函数提供了第二个参数context来提供临时上下文。组件需要的data、props、slots、children、parent都是通过这个上 前端 2025年05月12日 34 点赞 0 评论 10572 浏览
前端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 评论 10543 浏览
前端如何应对精确数字运算?用BigNumber.js解决JavaScript原生Number类型在处理大数或高精度计算时的局限性 目录前端如何应对精确数字运算?用BigNumber.js解决JavaScript原生Number类型在处理大数或高精度计算时的局限性一、BigNumber.js介绍1、什么是 BigNumber.js?2、作用领域3、核心特性二、安装配置与基础用法1、引入 BigNumber.js2、配置 BigNumber.js3、常用方法①创建 BigNumber 实例②基本运算③ 前端 2025年05月15日 43 点赞 0 评论 10537 浏览
vue2使用rtsp视频流接入海康威视摄像头(纯前端) 一.获取海康威视rtsp视频流海康威视官方的RTSP最新取流格式如下:rtsp://用户名:密码@IP:554/Streaming/Channels/101用户名和密码IP就是登陆摄像头时候的IP(笔者这里IP是192.168.1.210)所以笔者的rtsp流地址就是rtsp://用户名:密码@192.168.1.210:554/Streaming/Channels/101二. 测 前端 2025年08月26日 53 点赞 0 评论 10536 浏览