Cpage.js如何给组件绑定事件

这篇文章主要介绍了Cpage.js如何给组件绑定事件,具有一定借鉴价值,感兴趣的朋友可以参考下,希望大家阅读完这篇文章之后大有收获,下面让小编带着大家一起了解一下。

创新互联拥有网站维护技术和项目管理团队,建立的售前、实施和售后服务体系,为客户提供定制化的网站制作、网站设计、网站维护、达州服务器托管解决方案。为客户网站安全和日常运维提供整体管家式外包优质服务。我们的网站维护服务覆盖集团企业、上市公司、外企网站、商城网站定制开发、政府网站等各类型客户群体,为全球1000+企业提供全方位网站维护、服务器维护解决方案。

Cpage.js是一款轻量级的Mvvm框架,使用TypeScript(JavaScript的超集)开发。

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

Cpage.js不仅可以给普通元素绑定事件,也可以给组件绑定事件!

首先,我们可以定义一个组件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
       
  
       
    
 

在组件上可以使用c-事件 的方式绑定事件

感谢你能够认真阅读完这篇文章,希望小编分享的“Cpage.js如何给组件绑定事件”这篇文章对大家有帮助,同时也希望大家多多支持创新互联,关注创新互联行业资讯频道,更多相关知识等着你来学习!


本文标题:Cpage.js如何给组件绑定事件
网页地址:http://bzwzjz.com/article/pgojdd.html

其他资讯

Copyright © 2007-2020 广东宝晨空调科技有限公司 All Rights Reserved 粤ICP备2022107769号
友情链接: 手机网站建设套餐 成都网站建设 成都网站设计 网站制作报价 LED网站设计方案 梓潼网站设计 成都网站设计 成都网站建设公司 高端网站设计 成都网站制作 网站制作 app网站建设 网站制作 手机网站制作 重庆企业网站建设 品牌网站建设 温江网站设计 教育网站设计方案 高端定制网站设计 成都网站建设 重庆手机网站建设 企业网站设计