Cpage.js给组件绑定事件的实现代码

Cpage.js是一款轻量级的Mvvm框架，使用TypeScript（JavaScript的超集）开发。

内置模板引擎，路由，指令，http，dom等模块。可以方便地进行组件化开发，语法统一、易用，不依赖于第三方框架，适合中小项目开发。

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

总结

以上所述是小编给大家介绍的Cpage.js给组件绑定事件的实现代码，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对网站的支持！

# cpage.js  # 组件  # 绑定事件  # 绑定  # 小编  # 在此  # 我们可以  # 给大家  # 可以使用  # 第三方  # 易用  # 所述  # 给我留言  # 感谢大家  # 疑问请  # 有任何  # 是一款  # 依赖于  # class  # brush  # template  # lt  # div 

相关文章： 定制建站流程步骤详解：一站式方案设计与开发指南  香港服务器网站卡顿？如何解决网络延迟与负载问题？  济南企业网站制作公司,济南社保单位网上缴费步骤？  建站之星后台管理系统如何操作？  专业公司网站制作公司,用什么语言做企业网站比较好？  如何快速上传建站程序避免常见错误？  如何构建满足综合性能需求的优质建站方案？  如何通过虚拟机搭建网站？详细步骤解析  如何安全更换建站之星模板并保留数据？  小捣蛋自助建站系统：数据分析与安全设置双核驱动网站优化  长春网站建设制作公司,长春的网络公司怎么样主要是能做网站的？  如何通过商城自助建站源码实现零基础高效建站？  ,巨量百应是干嘛的？  ,有什么在线背英语单词效率比较高的网站？  小型网站建站如何选择虚拟主机？  微信网站制作公司有哪些,民生银行办理公司开户怎么在微信网页上查询进度？  如何在新浪SAE免费搭建个人博客？  宝塔Windows建站如何避免显示默认IIS页面？  如何快速使用云服务器搭建个人网站？  建站之星在线版空间：自助建站+智能模板一键生成方案  网站制作外包价格怎么算,招聘网站上写的“外包”是什么意思？  大连企业网站制作公司,大连2025企业社保缴费网上缴费流程？  如何高效利用200m空间完成建站？  建站之星安装失败：服务器环境不兼容？  交易网站制作流程,我想开通一个网站，注册一个交易网址，需要那些手续？  网站设计制作书签怎么做,怎样将网页添加到书签/主页书签/桌面？  微信小程序制作网站有哪些,微信小程序需要做网站吗？  浅析上传头像示例及其注意事项  如何高效完成独享虚拟主机建站？  陕西网站制作公司有哪些,陕西凌云电器有限公司官网？  网站制作知乎推荐,想做自己的网站用什么工具比较好？  太原网站制作公司有哪些,网约车营运证查询官网？  北京网站制作费用多少,建立一个公司网站的费用.有哪些部分,分别要多少钱？  建站主机如何安装配置？新手必看操作指南  建站主机服务器选型指南与性能优化方案解析  专业企业网站设计制作公司,如何理解商贸企业的统一配送和分销网络建设？  微信推文制作网站有哪些,怎么做微信推文，急？  番禺网站制作公司哪家值得合作,番禺图书馆新馆开放了吗？  大同网页,大同瑞慈医院官网？  官网自助建站平台指南：在线制作、快速建站与模板选择全解析  如何快速辨别茅台真假？关键步骤解析  制作ppt免费网站有哪些,有哪些比较好的ppt模板下载网站？  宁波自助建站系统如何快速打造专业企业网站？  h5网站制作工具有哪些,h5页面制作工具有哪些？  如何有效防御Web建站篡改攻击？  如何快速生成凡客建站的专业级图册？  简易网站制作视频教程,使用记事本编写一个简单的网页html文件？  SAX解析器是什么，它与DOM在处理大型XML文件时有何不同？  如何在腾讯云服务器快速搭建个人网站？  建站之星安装步骤有哪些常见问题？