Skip to content

dativeJs/v2

Repository files navigation

Logo

DativeJs - A Micro JavaScript Ui Framework

Version gzip Downloads

Installation

Download

<script src="path/to/dative.min.js"></script>

CDN

<!--Development-->
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/dative.js"></script>
<!--Production-->
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/dative.min.js"></script>

Clone The Template

 git clone https://github.com/dativeJs/dative-template.git

Npm

 npm install dativejs

EsModule

import Dative from "https://cdn.jsdelivr.net/npm/[email protected]/dist/dative.es.min.js";

Get Started

<body>
  <div id="app"></div>
  <script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/dative.min.js"></script>
  <script>
    // Code goes here
  </script>
</body>
<body>
  <div id="app"></div>
  <script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/dative.min.js"></script>
  <script>
    var vm = new Dative({
      el: "#app",
      data:{
        msg: "Hello World"
      },
      template(){
        return `
          <h1 dv-text="msg"></h1>
        `;
      }
    });
    vm.render()
  </script>
  </body>