VUE学习笔记(入门)5__vue指令v-html

古斯塔斯hugh

已于 2025-01-19 21:42:01 修改

阅读量519

点赞数 2

CC 4.0 BY-SA版权

分类专栏： VUE 文章标签： vue.js 学习笔记

于 2025-01-16 19:33:20 首次发布

本文链接：https://blog.csdn.net/houmenghu/article/details/145190022

在这里插入图片描述
v-html是用来解析字符串标签
示例

<!doctype html>
<html lang="en">
<head>
  <meta charset="UTF-8" />
  <meta name="viewport" content="width=device-w

最低0.47元/天解锁文章

200万优质内容无限畅学

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

古斯塔斯hugh

关注关注

2
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

专栏目录

Vue - HTML基础学习

Mr_Leixiansheng的博客

06-25

813

VUE学习笔记(入门)6__vue指令v-show和v-if

houmenghu的博客

01-16

332

通过vue调试插件设置flag为false，此时。v-show控制的div结构还在。频繁切换显示隐藏的用v-show。v-if控制的div已经被删除。

参与评论您还未登录，请先登录后发表或查看评论

vue 基础 —— html版的 Vue 入门基础

猎人在吃肉

09-16

4793

数据驱动视图数据的变化会驱动视图自动更新好处：程序员只把数据维护好，那么页面结构会被Vue自动渲染出来。双向数据绑定js数据的变化，会被自动渲染到页面上页面上表单采集的数据发生变化的时候，会被Vue自动获取，并更新到js数据中。 2、vue指令 **指令（Directives）**是Vue为开发者提供的模板语法，用于辅助开发者渲染页面的基本结构。Vue中的指令按照不同的用途，可分为6大类：指令是Vue开发中最基础、最常吸入、最简单的知识点。内容渲染指令用来辅助开发者渲染 DOM 元素的文本内容

VUE学习笔记(入门)13__vue指令v-for

houmenghu的博客

01-18

202

【代码】VUE学习笔记13__vue指令v-for。

VUE学习笔记(入门)9__vue指令v-on参数传递

houmenghu的博客

01-17

195

【代码】VUE学习笔记9__vue指令v-on配置method函数。

VUE学习笔记(入门)11__vue指令v-bind动态设置链接

houmenghu的博客

01-18

130

【代码】VUE学习笔记10__vue指令v-bind动态设置链接。

VUE学习笔记(入门)10__vue指令v-on配置method函数

houmenghu的博客

01-18

345

tip：this用来指代当前管理的app，方便书写。method用来挂载业务逻辑函数。

VUE学习笔记(入门)7__vue指令v-else和v-else-if

houmenghu的博客

01-17

174

【代码】VUE学习笔记7__vue指令v-else和v-else-if。

vue v-html url,Vue 模板语法学习笔记

weixin_33415023的博客

06-16

511

目录一、Vue 指令学习二、vue 解决闪动问题 v-cloak三、数据绑定的指令3.1 v-text (我就是 innerText)3.2 v-html (会 innerHTML 吗)3.3 v-pre 跳过预编译3.4 v-once (一次编译，不在变换)3.5 v-model 双向数据绑定四、事件绑定 v-on使用4.1 简单事件处理4.2 使用函数处理事件4.3 事件函数传参4.4 事件修...

Vue学习.pdf（Vue学习个人笔记资料-菜鸟入门）

11-20

Vue的语法主要包括插值表达式、指令（如v-if、v-show、v-for、v-bind、v-on等）、计算属性和事件处理。插值表达式用于在模板中展示和操作数据，而指令则提供了一种声明式地操作DOM的方式。计算属性是基于响应式数据...

vue 3.0学习笔记(从入门到精通)

10-07

本文将从入门到精通的角度详细介绍Vue 3.0的关键知识点。首先，安装Vue 3.0的开发环境是至关重要的。你可以通过npm（Node Package Manager）全局安装Vue CLI的最新版本，命令为`npm I -g @vue/cli@next`。接着，...

Vue.js 响应式原理深度解析：从 Vue 2 的“缺陷”到 Vue 3 的“涅槃重生”

idree的博客

07-17

514

Vue.js 响应式原理的演进，是前端框架发展的一个缩影。从 Vue 2 时代基于的精妙设计，到 Vue 3 拥抱Proxy带来的彻底解放，这不仅是语法的更新，更是底层能力的巨大飞跃。理解这些原理，就像拥有了一双“透视眼”，能让你看到数据流动的脉络，掌握框架运作的精髓。这不仅能帮助你写出更高质量、更少 Bug 的代码，更能让你在面对复杂需求和性能挑战时，拥有更强的解决能力。现在，是时候将这些原理知识应用于你的 Vue.js 项目中了！你对 Vue 的响应式系统还有哪些疑问？

【Tauri】Tauri 2.x+Vue自动更新教程对接后端接口更新

Mr数据杨

07-15

1226

本文详细介绍了如何在Tauri框架中配置应用更新功能。主要内容包括：1) 使用tauri signer generate命令生成公钥和私钥；2) 配置tauri.conf.json文件，设置更新端点、公钥等参数；3) 构建API接口返回正确的版本信息格式；4) 设置系统环境变量TAURI_PRIVATE_KEY并完成项目打包；5) 最终验证更新功能是否正常工作。文章还特别强调了密钥匹配的重要性，以及在打包过程中可能遇到的问题和解决方案，为开发者提供了完整的Tauri应用更新配置指南。

基于vue ＋ Cesium 的蜂巢地图可视化实现

mamapya的博客

07-17

727

本文介绍了基于CesiumJS实现交互式蜂巢地图可视化的方法。通过Vue组件构建应用，利用六边形网格规则划分地理空间，实现热力图和密度分析功能。核心功能包括：生成规则六边形网格（基于数学计算顶点位置）、颜色动态生成、点击高亮交互和视图重置。文章详细解析了代码实现，包括地图初始化、蜂巢图生成算法、颜色计算和交互处理等关键技术点，同时提供了扩展建议，如数据绑定和性能优化。该方案为地理信息可视化提供了灵活的开发框架。

基于vue+Cesium实现交互式攻击箭头绘制

mamapya的博客

07-15

690

本文介绍了基于Cesium.js和Vue框架实现的交互式攻击箭头绘制功能。核心功能包括：通过鼠标左键采集关键点、实时更新箭头形状、右键结束绘制等交互操作。技术实现上重点解析了Cesium的CallbackProperty动态更新机制、ScreenSpaceEventHandler事件管理、坐标系统转换等关键技术点，并提供了完整的代码实现方案。该组件具有良好的用户体验和内存管理机制，为军事模拟和GIS应用开发提供了实用参考。未来可扩展箭头样式自定义、编辑修改等功能。

控制Vue对话框显示隐藏

qziovv的博客

07-16

250

el-dialog title="报文详情" :visible.sync="dialogVisible"><el-dialog title="报文详情" v-model="dialogVisible"><el-dialog title="报文详情" v-show="dialogVisible">，因为 Element Plus 的。Element Plus 会自动把。

Vue前端展示监控摄像头视频流的实现方案

weixin_56334307的博客

07-17

425

Vue前端展示RTSP监控视频的3种实现方案：1）通过FFmpeg将RTSP转HLS流，前端使用hls.js播放；2）通过WebSocket+WebRTC实现低延迟播放；3）使用云服务中转。HLS方案兼容性好但延迟较高（5-10秒），WebRTC延迟低（<1秒）但实现复杂，云服务免运维但成本高。需注意摄像头认证、跨域和安全性问题，推荐从HLS方案开始验证。

Vue3 + MapLibre 地图管理工具 useMap 使用指南

qq_42038997的博客

07-15

983

`useMap` 是一个专为 Vue3 + MapLibre 项目设计的地图实例管理工具，提供了完整的地图生命周期管理功能。该工具采用闭包设计模式，确保地图实例的安全存储和访问，支持多地图实例管理、异步获取、自动清理等功能。

react/vue vite ts项目中，自动引入路由文件、 import.meta.glob动态引入路由无需手动引入