view module web component system,with loader,parser,binder,watcher,dataflow-control,extend,private-style,custome-element,slot
<script src="vmix.js" data-role='vmix' app-file="app.js" index-file='index.vm.html'></script>
<style>...</style>
<template>
<tag attra={a} attrb={b(1,2,3)} attrc={!c!}/>
<tag on-click="a" />
<tag watch-a="b" />
<tag el-filter="a " el-hook="b" el-list="c"/>
<tag vm-src="abd.html">
</template>
<script>
this.data={};
this.abc=function(){};
or module.exports={
option,state,event,method,fn,
}
</script>
<vm id='xyz' src='./abc.html' /> use default tag name,and define a src,
<div id='xyz' vm -src='./abc.html'/> use any tag name,and define a vm-src
<abc id='xyz'/> custom Element name
- Declarative:no global object,no "new vm()",vmix.js do everrything,
- node style: node style js module exports, or just this.abc=xyz,
- viewModule: plain js define,no relation with html element,
- file: auto load-parse-cache-clean file,js inline,js require,
- data-el: one-way two-way data-bind,
- dataflow: 3 data type(data,option,state),3 data source(store,parent,self),controllable dataflow,
- interact: up-down through defined data-option-state-event
- custom Element name,private style,dom slot,inline js,