Cpage.js如何給組件綁定事件

發(fā)布時(shí)間：2021-07-06 14:15:50 來(lái)源：億速云閱讀：125 作者：小新欄目：web開發(fā)

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

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

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

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

首先，我們可以定義一個(gè)組件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-事件的方式綁定事件

感謝你能夠認(rèn)真閱讀完這篇文章，希望小編分享的“Cpage.js如何給組件綁定事件”這篇文章對(duì)大家有幫助，同時(shí)也希望大家多多支持億速云，關(guān)注億速云行業(yè)資訊頻道，更多相關(guān)知識(shí)等著你來(lái)學(xué)習(xí)!

向AI問(wèn)一下細(xì)節(jié)

Cpage.js如何給組件綁定事件

猜你喜歡

最新資訊

相關(guān)推薦

相關(guān)標(biāo)簽