2025-10-30 vue 基础入门 , 模板语法 , 指令 , v-bind , v-on , v-if , v-show 15 分钟阅读快速入门Vue3的v-指令:数据和DOM的“翻译官”到底有多少本事?Vue 3中的指令是带有v-前缀的特殊属性,用于将数据与DOM元素绑定。v-bind用于动态绑定属性,如src、class等,支持简写语法:。v-on用于监听事件,如click,简写为@,支持事件修饰符如.prevent。v-if根据条件销毁或重建DOM,v-show通过修改display属性控制显示。v-for用于循环渲染,需使用唯一key。常见报错包括未 …阅读更多 cmdragon
2025-10-29 vue 基础入门 , 模板语法 , 文本插值 , v-html , v-bind , 动态属性 , 响应式数据 16 分钟阅读快速入门Vue3,插值、动态绑定和避坑技巧你都搞懂了吗?Vue3的模板语法基于HTML,允许通过插值和指令将响应式数据与DOM绑定,实现数据变化时页面自动更新。核心流程包括模板解析为AST,编译为渲染函数,生成虚拟DOM并更新真实DOM。文本插值使用{{ }},支持简单表达式,自动转义HTML;v-html指令可渲染原始HTML,但存在XSS风险。v-bind用于动态绑定HTML属性,缩写为:,支持动态属性名和对 …阅读更多 cmdragon
2024-05-31 前端开发 Vue3组件 , Props详解 , 生命周期 , 数据通信 , 模板语法 , Composition API , 单向数据流 8 分钟阅读vue3组件通信与propsVue 3 组件基础 在 Vue 3 中,组件是构建用户界面的基本单位,它们是可复用的 Vue 实例,具有自己的模板、数据、方法等。组件化开发使得代码更加模块化,易于管理和维护。以下是 Vue 3 组件的基础知识:阅读更多
2024-05-24 前端开发 Vue3特性 , CompositionAPI , Teleport , Suspense , Vue3安装 , 组件基础 , 模板语法 10 分钟阅读Vue 3 组件基础与模板语法详解Vue 3 简介 1. Vue 3 的新特性 Vue 3引入了许多新的特性,以提高框架的性能和可维护性。下面是一些主要的新特性: Composition API:这是Vue 3中最大的变化之一,它提供了一种更灵活的方式来组织和重用组件的逻辑。 Teleport:这是一个新的API,允许我们在组件树中将元素“传送”到其他位置。 Suspense:这是一个新的 …阅读更多
2024-05-17 后端开发 Django模版 , 自定义标签 , 过滤器开发 , 模板语法 , Python后端 , 前端集成 , Web组件 14 分钟阅读Django自定义模板标签与过滤器Django模板系统基础 1. Django模板语言概述 Django模板语言(DTL)是一种用于在HTML中插入动态内容的语言。它允许开发者在模板中使用变量、标签、过滤器和注释,以便动态生成页面内容。变量用于显示动态数据,标签用于控制模板逻辑,过滤器用于格式化变量的输出,注释用于添加注释而不会在最终渲染中显示。阅读更多