# LC.JS

**Repository Path**: mirrors_LancerComet/LC.JS

## Basic Information

- **Project Name**: LC.JS
- **Description**: A simple, flex and strict UI library for TypeScripters.
- **Primary Language**: Unknown
- **License**: MIT
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2020-08-09
- **Last Updated**: 2025-12-27

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# LC.JS

A simple, flex and strict UI library that in TypeScript.

Still under heavy construction.

## Feature.

 - Components are first-class members.

 - No complex design, friendly to anyone.

 - For TypeScripters.

 - More is coming.

## Quick start

```typescript
import { LC, Component } from 'lc.js'
import { HelloWorld } from './hello-world'

@Component({
  components: {
    'hello-world': HelloWorld
  },

  template: `
    <div class="demo-app">
      <h1 :style="'color: ' + color">Hello, {{appName || '--'}}!</h1>
      <small>Version: {{version}}</small>
      <hello-world :app-name="appName"></hello-world>
      <div>
        <input @model="appName" place="Change your app name.">
        <input @model.number="version" @focus="onFocus">
        <button @click="showAppName">Show AppName</button>
      </div>
    </div>
  `
})
class AppRoot extends LC {
  appName: string = 'My App'
  color: string = '#2090e3'
  version: number = 10

  onFocus () {
    this.version = 0
  }

  showAppName () {
    alert(this.appName)
  }
}

const myApp = new AppRoot()
myApp.$mount('#my-app')
```