Skip to content

v0.6.9-v0.6.13

Pre-release
Pre-release

Choose a tag to compare

View all tags
@pardnchiu pardnchiu released this 22 Feb 20:10
0.6.13
97a3768

修正

  • :if 渲染邏輯修正
  • 模板渲染邏輯修正
    • index.html
    <body id="app"></body>
<script>
    document.addEventListener("DOMContentLoaded", async _ => {
        const test = await new QUI({
            data: {
                hint: "hint 123",
                title: "test 123"
            },
            render: () => `
                "{{ hint }}",
                h1 {
                    style: "background: red;", 
                    children: [ 
                        "{{ title }}"
                    ]
                }`
        }).fragment();
        document.getElementById("app").appendChild(test);
    });
</script>
    • result
    <body id="app">
    hint 123
    <h1 style="background: red;">test 123</h1>
</body>

新增

  • once 不會偵測資料變動重新渲染
  • 模板渲染增加簡寫與 innerHTML 支持 
    // 完整語法
div.chat-sent {
    children: [
        p {
            children: [
                "123<br>123"
            ]
        }
    ]
}

// 簡寫語法
div.chat-sent [
    p [
        "123<br>123"
    ]
]
Assets 2
Loading