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-事件 的方式绑定事件