Skip to content

v0.4.0

Pre-release
Pre-release

Choose a tag to compare

@pardnchiu pardnchiu released this 05 Nov 15:27

New Features

  • Added a render parameter that enables dynamic insertion of HTML content using template syntax, similar to dynamically inserting innerHTML with :html.
    • Example (index.html):
      <body id="app"></body>
      <script>
          const test = new QUI({
              id: "app",
              data: {
                  hint: "hint 123",
                  title: "test 123"
              },
              render: () => {
                  return `
                      "{{ hint }}",
                      h1 {
                          style: "background: red;", 
                          children: [ 
                              "{{ title }}"
                          ]
                      }`
              }
          })
      </script>
    • Result:
      <body id="app">
          hint 123
          <h1 style="background: red;">test 123</h1>
      </body>

Deprecated Features

  • For more details, see here.