Why is this useful?

Install

$ npm install --save vue-html

Usage

importVuefrom'vue'importHTMLfrom'vue-html'Vue.use(HTML)constTodos={props:['todos'],render(html){returnhtml`<ul>${this.todos.map((todo,index)=>{returnhtml`<likey=${index}>${todo}</li>            `})}</ul>    `}}newVue({el:'#app',data:{todos:['Conquer the world','Rewrite Peco'],todo:''},methods:{add(){this.todos.push(this.todo)this.todo=''}},render(html){returnhtml`<div><inputvalue=${this.todo}onInput=${e=>(this.todo=e.target.value)}/><buttontype="button"onClick=${this.add}>Add</button><hr/><${Todos}todos=${this.todos}/></div>    `}})

Using Components

constApp={render(html){returnhtml`<div><${Todos}/><${Todos}> or with children<//></div>    `}}

constApp={render(html){returnhtml`<div><Todos/></div>    `},components:{    Todos}}

Contributing

License