- 前言TinyEngine 是一款面向未来的低代码引擎底座，致力于为开发者提供高度可定制的技术基础设施——不仅支持可视化页面搭建等核心能力，更可通过 CLI 工程化方式实现深度二次开发，帮助团队快速构建专属的低代码平台。无论是资源编排、服务端渲染、模型驱动应用，还是移动端、大屏端、复杂页面编排场景，TinyEngine 都能灵活适配，成为你构建低代码体系的坚实基石。最近我们正式发布 TinyE... 前言TinyEngine 是一款面向未来的低代码引擎底座，致力于为开发者提供高度可定制的技术基础设施——不仅支持可视化页面搭建等核心能力，更可通过 CLI 工程化方式实现深度二次开发，帮助团队快速构建专属的低代码平台。无论是资源编排、服务端渲染、模型驱动应用，还是移动端、大屏端、复杂页面编排场景，TinyEngine 都能灵活适配，成为你构建低代码体系的坚实基石。最近我们正式发布 TinyE...
- 本文将深入剖析生成式 UI 的基本概念、技术特征与渲染原理，并结合我们 OpenTiny 产品的落地实践，探索生成式 UI 在推动企业应用智能化的巨大潜力。 本文将深入剖析生成式 UI 的基本概念、技术特征与渲染原理，并结合我们 OpenTiny 产品的落地实践，探索生成式 UI 在推动企业应用智能化的巨大潜力。
- 在 Vue 3 中，watch 和 watchEffect 均用于响应式监听数据变化，但二者在依赖收集方式、执行时机、参数传递、适用场景等方面存在显著差异，具体对比如下： 1. 依赖收集方式watch需显式指定要监听的数据源（如 ref、reactive 对象属性、getter 函数等），仅追踪这些明确声明的依赖。示例：const count = ref(0);watch(count, (n... 在 Vue 3 中，watch 和 watchEffect 均用于响应式监听数据变化，但二者在依赖收集方式、执行时机、参数传递、适用场景等方面存在显著差异，具体对比如下： 1. 依赖收集方式watch需显式指定要监听的数据源（如 ref、reactive 对象属性、getter 函数等），仅追踪这些明确声明的依赖。示例：const count = ref(0);watch(count, (n...
- 在 Vue 中，深层侦听器（Deep Watcher） 用于监听一个响应式对象（或数组）内部嵌套属性的变化。默认情况下，watch 只会监听对象或数组的引用变化（即是否被重新赋值），而不会监听其内部属性的变化。通过设置 deep: true，可以强制监听所有嵌套属性的变化。 1. 基本用法 监听嵌套对象的变化const state = reactive({ user: { name:... 在 Vue 中，深层侦听器（Deep Watcher） 用于监听一个响应式对象（或数组）内部嵌套属性的变化。默认情况下，watch 只会监听对象或数组的引用变化（即是否被重新赋值），而不会监听其内部属性的变化。通过设置 deep: true，可以强制监听所有嵌套属性的变化。 1. 基本用法 监听嵌套对象的变化const state = reactive({ user: { name:...
- 在 Vue 中，侦听器（watch）能够监视属性的 getter 函数（如 () => obj.property），而不是直接监视属性值（如 obj.property），这主要得益于 Vue 的响应式依赖收集机制和 JavaScript 的动态执行特性。以下是详细解释： 1. Getter 函数允许动态依赖收集Vue 的响应式系统（基于 Proxy 或 Object.defineProper... 在 Vue 中，侦听器（watch）能够监视属性的 getter 函数（如 () => obj.property），而不是直接监视属性值（如 obj.property），这主要得益于 Vue 的响应式依赖收集机制和 JavaScript 的动态执行特性。以下是详细解释： 1. Getter 函数允许动态依赖收集Vue 的响应式系统（基于 Proxy 或 Object.defineProper...
- 在 Vue 中，不能直接侦听响应式对象的属性值（如 obj.property），而需要使用返回该属性的 getter 函数（如 () => obj.property），这主要与 Vue 的响应式系统实现机制和 JavaScript 的限制有关。以下是具体原因： 1. JavaScript 对象的限制在 JavaScript 中，直接传递一个属性引用（如 obj.property）时，你传递的... 在 Vue 中，不能直接侦听响应式对象的属性值（如 obj.property），而需要使用返回该属性的 getter 函数（如 () => obj.property），这主要与 Vue 的响应式系统实现机制和 JavaScript 的限制有关。以下是具体原因： 1. JavaScript 对象的限制在 JavaScript 中，直接传递一个属性引用（如 obj.property）时，你传递的...
- 在 Vue 中，不能直接侦听响应式对象的属性值（如 obj.property），而需要使用返回该属性的 getter 函数（如 () => obj.property），这主要与 Vue 的响应式系统实现机制和 JavaScript 的限制有关。以下是具体原因： 1. JavaScript 对象的限制在 JavaScript 中，直接传递一个属性引用（如 obj.property）时，你传递的... 在 Vue 中，不能直接侦听响应式对象的属性值（如 obj.property），而需要使用返回该属性的 getter 函数（如 () => obj.property），这主要与 Vue 的响应式系统实现机制和 JavaScript 的限制有关。以下是具体原因： 1. JavaScript 对象的限制在 JavaScript 中，直接传递一个属性引用（如 obj.property）时，你传递的...
- 本文由TinyEngine低代码源码转换功能贡献者张珈瑜原创。 背景当前主流低代码平台普遍采用“单向出码”模式，仅支持将 DSL（Domain Specific Language，领域特定语言）转换为 Vue 或 React 源代码。一旦开发者在生成代码后手动修改了源码，平台通常无法将这些修改同步回可视化编辑器，导致代码与可视化配置割裂，严重影响开发效率与协同维护。本项目旨在构建低代码 Vu... 本文由TinyEngine低代码源码转换功能贡献者张珈瑜原创。 背景当前主流低代码平台普遍采用“单向出码”模式，仅支持将 DSL（Domain Specific Language，领域特定语言）转换为 Vue 或 React 源代码。一旦开发者在生成代码后手动修改了源码，平台通常无法将这些修改同步回可视化编辑器，导致代码与可视化配置割裂，严重影响开发效率与协同维护。本项目旨在构建低代码 Vu...
- 在 Vue 的事件修饰符中，系统按键修饰符（如 .ctrl、.alt、.shift、.meta）与常规按键修饰符（如 .enter、.esc）的行为不同，尤其是在与 keyup 事件配合使用时。这种差异源于浏览器原生事件的机制和 Vue 的封装逻辑。以下是详细解释和示例： 🔍 核心区别 1. 常规按键修饰符（如 .enter）行为：直接监听特定按键的 keyup 或 keydown 事件。... 在 Vue 的事件修饰符中，系统按键修饰符（如 .ctrl、.alt、.shift、.meta）与常规按键修饰符（如 .enter、.esc）的行为不同，尤其是在与 keyup 事件配合使用时。这种差异源于浏览器原生事件的机制和 Vue 的封装逻辑。以下是详细解释和示例： 🔍 核心区别 1. 常规按键修饰符（如 .enter）行为：直接监听特定按键的 keyup 或 keydown 事件。...
- 在 Vue 3 的 Composition API 中，ref 和 reactive 都可以用于创建响应式数据，但在你的例子中，使用 ref 而不是 reactive 来包装数组 numbers 主要有以下几个原因： 1. ref 更通用，适合任意类型的数据ref 可以包装任意类型的数据（基本类型、对象、数组等），而 reactive 只能包装对象（包括数组，因为数组在 JS 中也是对象）。... 在 Vue 3 的 Composition API 中，ref 和 reactive 都可以用于创建响应式数据，但在你的例子中，使用 ref 而不是 reactive 来包装数组 numbers 主要有以下几个原因： 1. ref 更通用，适合任意类型的数据ref 可以包装任意类型的数据（基本类型、对象、数组等），而 reactive 只能包装对象（包括数组，因为数组在 JS 中也是对象）。...
- 在 Vue 中，如果组件有多个根元素（即多根节点组件），当父组件传递 class 或 style 时，Vue 不会自动将这些属性合并到所有根节点上，而是需要你显式指定哪个根元素接收这些属性。这是 Vue 3 的一个重要行为变化（Vue 2 不支持多根节点组件）。 📌 问题场景假设有一个多根节点的组件：<!-- MyComponent.vue --><template> <header>标... 在 Vue 中，如果组件有多个根元素（即多根节点组件），当父组件传递 class 或 style 时，Vue 不会自动将这些属性合并到所有根节点上，而是需要你显式指定哪个根元素接收这些属性。这是 Vue 3 的一个重要行为变化（Vue 2 不支持多根节点组件）。 📌 问题场景假设有一个多根节点的组件：<!-- MyComponent.vue --><template> <header>标...
- 在 Vue 的 v-for 中，key 的使用至关重要，但并非所有场景都需要显式指定 key。以下是详细的判断标准和最佳实践： 📌 必须使用 key 的场景 1. 列表项有动态变化（增删改、排序、过滤）原因：Vue 默认通过 key 跟踪每个节点的身份，从而高效地复用、重新排序或移除元素。如果没有 key，Vue 会使用“就地复用”策略，可能导致状态错乱（如输入框内容交换、动画异常等）。示... 在 Vue 的 v-for 中，key 的使用至关重要，但并非所有场景都需要显式指定 key。以下是详细的判断标准和最佳实践： 📌 必须使用 key 的场景 1. 列表项有动态变化（增删改、排序、过滤）原因：Vue 默认通过 key 跟踪每个节点的身份，从而高效地复用、重新排序或移除元素。如果没有 key，Vue 会使用“就地复用”策略，可能导致状态错乱（如输入框内容交换、动画异常等）。示...
- ❌ 问题场景：表单输入错乱假设我们有一个列表，渲染两个输入框，用户可以在输入框中输入内容：<template> <div> <button @click="swapItems">交换列表顺序</button> <div v-for="(item, index) in list" :key="index"> <input :placeholder="item.plac... ❌ 问题场景：表单输入错乱假设我们有一个列表，渲染两个输入框，用户可以在输入框中输入内容：<template> <div> <button @click="swapItems">交换列表顺序</button> <div v-for="(item, index) in list" :key="index"> <input :placeholder="item.plac...
- template是一个不可见的包装器元素，最后渲染的结果并不会包含这个 <template> 元素。<template v-if="ok"> <h1>Title</h1> <p>Paragraph 1</p> <p>Paragraph 2</p></template><template v-if="ok"> 改为 <div v-if="ok">，在最终渲染的 DOM 结构中，效果看起来... template是一个不可见的包装器元素，最后渲染的结果并不会包含这个 <template> 元素。<template v-if="ok"> <h1>Title</h1> <p>Paragraph 1</p> <p>Paragraph 2</p></template><template v-if="ok"> 改为 <div v-if="ok">，在最终渲染的 DOM 结构中，效果看起来...
- 在 Vue 的 :class 绑定中，activeClass 两边使用方括号 [{ [activeClass]: isActive }] 是 JavaScript 的**计算属性名（Computed Property Name）**语法，这是 ES6 的特性。以下是详细解释： 1. 方括号的作用：动态计算属性名在对象字面量中，[activeClass] 表示将变量 activeClass 的... 在 Vue 的 :class 绑定中，activeClass 两边使用方括号 [{ [activeClass]: isActive }] 是 JavaScript 的**计算属性名（Computed Property Name）**语法，这是 ES6 的特性。以下是详细解释： 1. 方括号的作用：动态计算属性名在对象字面量中，[activeClass] 表示将变量 activeClass 的...
上滑加载中
推荐直播
-
Skill 构建 × 智能创作：基于华为云码道的 AI 内容生产提效方案2026/03/25 周三 19:00-20:00
余伟，华为云软件研发工程师/万邵业（万少），华为云HCDE开发者专家
本次直播带来两大实战：华为云码道 Skill-Creator 手把手搭建专属知识库 Skill；如何用码道提效 OpenClaw 小说文本，打造从大纲到成稿的 AI 原创小说全链路。技术干货 + OPC创作思路，一次讲透！
回顾中 -
码道新技能，AI 新生产力——从自动视频生成到开源项目解析2026/04/08 周三 19:00-21:00
童得力-华为云开发者生态运营总监/何文强-无人机企业AI提效负责人
本次华为云码道 Skill 实战活动，聚焦两大 AI 开发场景：通过实战教学，带你打造 AI 编程自动生成视频 Skill，并实现对 GitHub 热门开源项目的智能知识抽取，手把手掌握 Skill 开发全流程，用 AI 提升研发效率与内容生产力。
回顾中 -
华为云码道：零代码股票智能决策平台全功能实战2026/04/18 周六 10:00-12:00
秦拳德-中软国际教育卓越研究院研究员、华为云金牌讲师、云原生技术专家
利用Tushare接口获取实时行情数据，采用Transformer算法进行时序预测与涨跌分析，并集成DeepSeek API提供智能解读。同时，项目深度结合华为云CodeArts（码道）的代码智能体能力，实现代码一键推送至云端代码仓库，建立起高效、可协作的团队开发新范式。开发者可快速上手，从零打造功能完整的个股筛选、智能分析与风险管控产品。
回顾中
热门标签