cwco下载 - cwco源代码下载

cwco

三方组件

Release 1.7.8

下载

CWCO

创建的Contextfull Web组件库旨在改善本地Web组件API用户体验：

✅无需构建（插件）！
✅与其他库和框架一起工作，例如React，Angular，Vue，Svelte等；
✅真正反应性模板
✅强大的内置指令（包括创建自己的能力）
✅内置上下文数据处理
✅在HTML和CSS中的事件和数据绑定
✅直接在HTML文件中构建视图
✅简单的API
✅快速渲染
✅轻巧包装

文档（cwco.beforesmootolon.com）

入门
WebComponent
ContextProviderComponent
配置
模板
造型
事件
属性
特性
语境
指令
定制指令
生计
错误处理

安装

该模块也可以在节点环境中直接在浏览器中使用。您甚至可以将其与其他Web库和框架一起使用，例如React和Angular 。

浏览器

 <!-- use the latest version -->
< script src =" https://unpkg.com/cwco/dist/cwco.min.js " > </ script >

<!-- use a specific version -->
< script src =" https://unpkg.com/[email protected]/dist/cwco.min.js " > </ script >

<!-- link your app script after -->
< script src =" app.js " > </ script >

nodejs

 npm install cwco

然后，您可以根据所构建的内容导入构造函数类。

 const { WebComponent , ContextProviderComponent , Directive } = require ( 'cwco' ) ;

代码编辑和IDES

CWCO只是HTML，如果您想为VSCODE进行语法突出显示，则可以使用Inline-HTML

VSCODE

为了在JavaScript中突出显示HTML和CSS的语法，请使用内联HTML或LIT-HTML插件。

您可以从cwco导入html ，这只是对VSCODE的帮助，这对您使用的HTML字符串没有什么特别的作用。

 import { html , css , WebComponent } from "./cwco" ;

class MyButton extends WebComponent {
  get template ( ) {
    return html `<button><slot></slot></button>`
  }
  
  get stylesheet ( ) {
    return css `<style>button {color: #222}</style>`
    // or 
    // return css`button {color: #222}`
  }
}