MiniMVC

MiniMVC is a lightweight solution to bind javascript objects to DOM elements

Get Started

1. Include the module

import MVC from "https://unpkg.com/minimvc";

2. Initialise MiniMVC

let data = {
    header = "My first blog post"
}

let mvc = new MVC({data});

3. Edit the DOM

<h1 data-bind="header"></h1>
<p data-bind="paragraph">
  Lorem ipsum dolor sit, amet consectetur adipisicing elit. Pariatur rerum
  consectetur nemo accusantium, quos nisi fuga eius explicabo! Est qui commodi,
  doloribus fugiat in eveniet iste iure neque voluptatem vel.
</p>

Parameters

MiniMVC can accept two parameters

Parameter	Description	Default
data	An Object that contains all of the data that is to be syncronised with the DOM	MiniMVC.data = {}
bindAttribute	The attribute that will be used in the HTML to identify it's data equivelent	data-bind

TODO:

• Support Nested data object