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}`
  }
}