欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

Cpage.js給組件綁定事件的實(shí)現(xiàn)代碼

 更新時間：2017年08月31日 09:36:25   投稿：mrr  
Cpage.js是一款輕量級的Mvvm框架，使用TypeScript（JavaScript的超集）開發(fā)。下面通過本文給大家分享Cpage.js給組件綁定事件的實(shí)現(xiàn)代碼，需要的的朋友參考下吧

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

內(nèi)置模板引擎，路由，指令，http，dom等模塊。可以方便地進(jìn)行組件化開發(fā)，語法統(tǒng)一、易用，不依賴于第三方框架，適合中小項(xiàng)目開發(fā)。

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

總結(jié)

以上所述是小編給大家介紹的Cpage.js給組件綁定事件的實(shí)現(xiàn)代碼，希望對大家有所幫助，如果大家有任何疑問請給我留言，小編會及時回復(fù)大家的。在此也非常感謝大家對腳本之家網(wǎng)站的支持！

相關(guān)文章

最新評論