cwco 다운로드 cwco 소스 코드 다운로드

cwco

타사 구성 요소

Release 1.7.8

다운로드

CWCO

ContextFull 웹 구성 요소 라이브러리는 기본 웹 구성 요소 API 사용자 경험을 향상시키기 위해 생성되었습니다.

✅ 빌드가 필요하지 않습니다 (플러그 앤 플레이)!
✅ React, Angular, Vue, Svelte 등과 같은 다른 라이브러리 및 프레임 워크와 함께 작동합니다.
진정으로 반응성 템플릿
✅ 강력한 내장 지시문 (자신의 생성 능력 포함)
conte 내장 컨텍스트 데이터 처리
HTML 및 CSS의 이벤트 및 데이터 바인딩
html 파일에서 직접보기를 빌드하십시오
✅ 간단한 API
✅ 빠른 렌더링
✅ 가벼운 패키지

문서 (cwco.beforesemicolon.com)

시작하기
웹 컴퓨터
ContextProviderComponent
구성
주형
스타일링
이벤트
속성
속성
문맥
지침
맞춤형 지시문
가축
오류 처리

설치하다

이 모듈은 노드 환경에서도 브라우저에서 직접 사용할 수 있습니다. 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' ) ;

코드 편집자 및 IDE

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