h() Function

Alternatif template — berguna untuk komponen yang sangat dinamis:

import { h } from "vue"

function render() {
  return h("div", { id: "app" }, [
    h("h1", "Judul"),
    h("p", "Dibuat dengan render function"),
  ])
}

JSX di Vue

Vue juga mendukung JSX dengan plugin:

function App() {
  return (
    <div>
      <h1>JSX di Vue!</h1>
    </div>
  )
}

Kebanyakan kasus, template sudah cukup. Render function untuk kasus khusus seperti komponen library.