给组件绑定事件，基于Cpage.js前端框架

Cpage.js不仅可以给普通元素绑定事件，也可以给组件绑定事件！
首先，我们可以定义一个组件header

var header = Cpage.component({
    name: 'header',
    components: [],
    template: `<div>{{header}}--{{height}}</div>`,
    data: {
        header: 'this is header'
    },
    props: {
        height: {
            default: '10'
        }
    },
    beforeRender() {
        
    },
    render() {

    }
});

之后，在需要使用的地方引用他

<div>
    <div class="main" c-click="handelIf()">my app--templateId</div>
    <div c-if="{{ifTest}}">
        <article></article>
    </div>
     <header 
        height="{{headerHeight}}"
        c-click="headerClick()"
        ></header>
     <article></article> 
    <footer></footer> 
</div>

在组件上可以使用c-事件 的方式绑定事件