這篇文章主要介紹了Cpage.js如何給組件綁定事件，具有一定借鑒價(jià)值，感興趣的朋友可以參考下，希望大家閱讀完這篇文章之后大有收獲，下面讓小編帶著大家一起了解一下。

創(chuàng)新互聯(lián)擁有網(wǎng)站維護(hù)技術(shù)和項(xiàng)目管理團(tuán)隊(duì)，建立的售前、實(shí)施和售后服務(wù)體系，為客戶提供定制化的網(wǎng)站制作、網(wǎng)站設(shè)計(jì)、網(wǎng)站維護(hù)、達(dá)州服務(wù)器托管解決方案。為客戶網(wǎng)站安全和日常運(yùn)維提供整體管家式外包優(yōu)質(zhì)服務(wù)。我們的網(wǎng)站維護(hù)服務(wù)覆蓋集團(tuán)企業(yè)、上市公司、外企網(wǎng)站、商城網(wǎng)站定制開(kāi)發(fā)、政府網(wǎng)站等各類型客戶群體，為全球1000+企業(yè)提供全方位網(wǎng)站維護(hù)、服務(wù)器維護(hù)解決方案。

Cpage.js是一款輕量級(jí)的Mvvm框架，使用TypeScript（JavaScript的超集）開(kāi)發(fā)。

內(nèi)置模板引擎，路由，指令，http，dom等模塊?？梢苑奖愕剡M(jìn)行組件化開(kāi)發(fā)，語(yǔ)法統(tǒng)一、易用，不依賴于第三方框架，適合中小項(xiàng)目開(kāi)發(fā)。

Cpage.js不僅可以給普通元素綁定事件，也可以給組件綁定事件！

首先，我們可以定義一個(gè)組件header

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

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

  my app--templateId