0.6.13 Release Notes

修正

• :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"
      ]
  ]