1.0.0-alpha • Published 6 years ago
icrush v1.0.0-alpha
iCrush 📚 一个渐进型的前端小框架
(用于前端框架源码等相关技术学习)
v1版本研发中,敬请期待,也欢迎你的加入,你可以点击此处查看v0.1版本!
Issues
使用的时候遇到任何问题或有好的建议,请点击进入issue!
你可以点击查阅文档获得接口API和入门教程,当然我们还有许多测试用例可供参考,里面会提供各种用法并添加好备注。
How to use?
首先你需要通过命令行安装iCrush,就像这样:
npm install --save icrush安装好了以后,在需要的地方引入即可:
import iCrush from 'icrush';iCrush设计的思想是组件,一个完整的页面由一系列并列或包含的组件拼接而成,但是,根组件只有一个:
// 引入别的组件
// 在这个组件里面,又可以引入组件,这样一层层拼接
// 当然,每次并列引入的组件理论上可以任意多
import App from './App.iCrush';
// 根对象
window.icrush = new iCrush({
// 挂载点
el: document.getElementById('root'),
// 配置启动方法
render: createElement => createElement(App),
// 还可以添加方法或生命周期钩子等
});你可能会好奇App.iCrush的格式:
<template>
<!-- 页面模板 -->
</template>
<script>
export default {
// 类似控制器的地方
};
</script>
<style>
/* 开启scope,不能控制子组件样式 */
</style>当然,除了.iCrush的方式外,你也可以通过iCrush.component()定义组件或者别的方法添加更多有用的扩展,更多细节请点击查阅文档获得帮助。
License
Copyright (c) 2020 走一步 再走一步
2.1.0
5 years ago
2.0.1
6 years ago
2.0.0
6 years ago
2.0.0-alpha
6 years ago
1.6.2
6 years ago
1.5.5
6 years ago
1.6.0
6 years ago
1.5.6
6 years ago
1.5.4
6 years ago
1.5.3
6 years ago
1.5.2
6 years ago
1.5.1
6 years ago
1.5.0
6 years ago
1.4.2
6 years ago
1.4.1
6 years ago
1.4.0
6 years ago
1.3.1-alpha
6 years ago
1.3.2
6 years ago
1.3.1
6 years ago
1.3.0
6 years ago
1.2.0-beta
6 years ago
1.1.0-alpha
6 years ago
1.0.1-alpha
6 years ago
1.0.2-alpha
6 years ago
1.0.0-alpha
6 years ago
0.1.0
6 years ago
0.1.0-alpha
6 years ago