更新记录

1.0.2（2026-01-25） 下载此版本

修改已知bug

1.0.1（2026-01-25） 下载此版本

修改部分已知bug

1.0.0（2026-01-25） 下载此版本

插件发布

平台兼容性

uni-app(3.7.7)

// 1. 引入 vNode.js import { parseHTML } from './vNode.js';

// 2. 定义一个 HTML 模板字符串

const initialHtml = `

  <div id="app">
    <h1>My Awesome App</h1>
    <p>Welcome!</p>
  </div>
`;

// 3. 将 HTML 解析为 vNode

const appVNode = parseHTML(initialHtml);

// 4. 在控制台查看 vNode 结构

console.log('初始 vNode:', appVNode);

// 5. 修改 vNode 的属性 // 假设我们想修改

标签的文本内容

const pVNode = appVNode.children.find(child => child.tagName === 'p');
if (pVNode) {
pVNode.textContent = 'Welcome to the future of web development!';
}

// 6. 查看修改后的 vNode

console.log('修改后的 vNode:', appVNode);

// 7. 将修改后的 vNode 转换回 HTML 字符串

const finalHtml = appVNode.toHTML();

// 8. 在控制台查看最终生成的 HTML

console.log('最终生成的 HTML:', finalHtml);

预期输出:

<div id="app"><h1>My Awesome App</h1><p>Welcome to the future of web development!</p></div>