iekou的博客

react-store：react hooks 结合 context api 实现 redux 的数据管理功能@cpage/react-storeapi 介绍1，创建 context2，配置 StoreProvider3，使用 connect (推荐)4，在 function 组件中使用4.1，获取 state 数据4.2，使用 dispatch5，在 class 组件中使用6，中间件6.1，新增...

Cpage.js是一款轻量级的Mvvm框架，使用TypeScript（javascript的超集）开发。 内置模板引擎，路由，指令，http，dom等模块。可以方便地进行组件化开发，语法统一、易用，不依赖于第三方框架，适合中小项目开发。 框架同时支持es5与es6语法，可参考example中示例。安装使用使用es6开发安装：npm install cpage

Cpage.js不仅可以给普通元素绑定事件，也可以给组件绑定事件！ 首先，我们可以定义一个组件headervar header = Cpage.component({ name: 'header', components: [], template: `{{header}}--{{height}}`, data: { heade

在实际开发中，经常会遇到列表之类的dom结构，这时候一个好的列表渲染方式可以显著地提高开发效率。 Cpage.js框架提供列表渲染指令 c-for c-for="item in items"渲染节点<div c-for="item in items"> <h1>id: {{item.id}}</h1> <h2>text：{{item.text}}</h2></div>显示结果：i

本文主要讲解Cpage.js组件之间事件传播的方法。传送门：demo在开发过程中，不同组件之间交互是常有的事情，而实现的方法有多种，可以通过props属性传值，也可以通过pub,sub事件订阅的方式。Cpage.js组件可以通过props传值，并且自带事件传播机制。首先，需要一个用于渲染组件的节点<div id="app"></div>然后引入js<script type="text/javascr