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如何给组件绑定事件
URL链接:http://myzitong.com/article/pgojdd.html

其他资讯