关于Omi

Omi 是腾讯前端团队…balabala

准备

mkdir omi-demo
cd omi-demo
wget https://unpkg.com/omi@1.3.2/dist/omi.min.js
sudo npm install -g browser-sync

哦，本来其实browser-sync和Gulp一起用的，我没有就不xx了

开始

抄了一个demo index.js

import Omi from './omi.min.js';

class Hello extends Omi.Component {
    constructor(data) {
        super(data);
    }

    style () {
        return  `
        <style>
            h1{
                cursor:pointer;
            }
        </style>
         `;
    }

    handleClick(target, evt){
        alert(target.innerHTML);
    }

    render() {
        return  `
        <div>
            <h1 onclick="handleClick(this, event)">Hello ,{{name}}!</h1>
        </div>
        `;
    }
}

Omi.render(new Hello({ name : "Omi" }),"#container");

好了，跑一下

browser-sync start --server index.js

然后访问下http://localhost:3000/

好了，Cannot GET /，失败