改進 :path、:for、:if，修正了之前子項目可能存在的渲染錯誤。

Author: pardnchiu

README.md

@@ -1,7 +1,7 @@
 # PDQuickUI
 
-![](https://img.shields.io/badge/tag-JavaScript%20Library-bb4444) ![](https://img.shields.io/github/size/pardnchiu/PDQuickUI/dist%2FPDQuickUI.js)<br>
-[![](https://img.shields.io/github/v/release/pardnchiu/PDQuickUI)](https://github.com/pardnchiu/PDQuickUI) [![](https://img.shields.io/npm/v/pdquickui)](https://www.npmjs.com/package/pdquickui) ![](https://img.shields.io/github/license/pardnchiu/PDQuickUI)<br>
+![](https://img.shields.io/badge/tag-JavaScript%20Library-bb4444) ![](https://img.shields.io/github/size/pardnchiu/PDQuickUI/dist%2FPDQuickUI.js) ![](https://img.shields.io/github/license/pardnchiu/PDQuickUI)<br>
+[![](https://img.shields.io/github/v/release/pardnchiu/PDQuickUI)](https://github.com/pardnchiu/PDQuickUI) [![](https://img.shields.io/npm/v/pdquickui)](https://www.npmjs.com/package/pdquickui) ![](https://img.shields.io/jsdelivr/npm/hw/pdquickui)<br>
 [![](https://img.shields.io/badge/read-English%20Version-ffffff)](https://github.com/pardnchiu/PDQuickUI/blob/main/README.en.md)
 
 `PDQuickUI` 是從 [PDRenderKit](https://github.com/pardnchiu/PDRenderKit) 中獨立出來的前端渲染框架，專注於強化前端框架功能。<br>
@@ -17,6 +17,11 @@
 - **自動渲染**：監控資料變動並自動更新，減少手動操作。
 - **輕量化**：使用原生 JS 和內建 API 撰寫，無任何外部依賴。
 
+## 範例
+
+- 範例一: [預覽](https://pardnchiu.github.io/web-template/target/personal-introduction-20230220) [源碼](https://github.com/pardnchiu/web-template/blob/main/target/personal-introduction-20230220)
+- 範例二: [預覽](https://pardnchiu.github.io/web-template/target/20230616) [源碼](https://github.com/pardnchiu/web-template/blob/main/target/20230616)
+
 ## 安裝方式
 
 - **從 npm 安裝**

dist/PDQuickUI.js

@@ -51,7 +51,9 @@
 
         <!-- 資源預載: https://cdn.jsdelivr.net -->
         <link rel="preconnect" href="https://cdn.jsdelivr.net">
-        <link rel="preload" href="https://cdn.jsdelivr.net/npm/pdmarkdownkit@1.6.0/dist/PDMarkdownKit.js" as="script">
+        <link rel="preload" href="https://cdn.jsdelivr.net/npm/pdmarkdownkit@latest/dist/PDQuickUI.js" as="script">
+        <link rel="preload" href="https://cdn.jsdelivr.net/npm/pdmarkdownkit@latest/dist/PDRenderKit.js" as="script">
+        <link rel="preload" href="https://cdn.jsdelivr.net/npm/pdmarkdownkit@latest/dist/PDMarkdownKit.js" as="script">
         <!-- <script src="./dist/PDQuickUI.js" copyright="Pardn Ltd"></script> -->
         <!-- <script src="./src/PDQuickUI.js" copyright="Pardn Ltd"></script> -->
 
@@ -215,7 +217,7 @@ <h4 :else>{{ title }} 4
                     },
                     when: {
                         before_render: _ => {
-                            console.log("準備渲染")
+                            console.log("準備渲染");
                             // return false;
                         },
                         rendered: _ => {

dist/PDQuickUI.module.js

@@ -1,6 +1,6 @@
 {
     "name": "pdquickui",
-    "version": "0.5.0",
+    "version": "0.5.1",
     "description": "PDQuickUI contains a lightweight front-end framework designed to separate the front-end user interface and data logic.",
     "main": "dist/PDQuickUI.js",
     "module": "dist/PDQuickUI.module.js",