Update Component

master
yutent 2023-09-22 15:45:46 +08:00
parent b7dd88fdcf
commit a74ac5394b
1 changed files with 21 additions and 5 deletions

@ -2,7 +2,7 @@
> 这是框架最核心的模块。内置了一套简洁的组件生成机制, 并提供了一系列的实用API。
## 静态属性
## 静态属性/方法
### 1. watches`<String>[]`
> 用于声明一些需要监听的属性。正常来说, 会很少需要设置这个, 大多数情况下静态属性`props`中的`key`, 都会被监听。
@ -59,7 +59,7 @@ class Foo extends Component {
```
### 3. styles`css[]`
### 3. styles`<css>[]`
> 用于编写组件的内部样式的属性。可是一个包含`css实例`的**数组**, 也可以是**单个**`css实例`。
@ -94,6 +94,25 @@ static styles = css`
```
### 4. reg(name`<String>`)
> 用于注册组件的静态方法。用此方法注册的组件, 均以`wc-`开头。如果需要注册为其他名字的组件, 请自行使用`customElements.define()`方法。
```js
class Foo extends Component {
...
}
Foo.reg('foo') // 最终组件名为 <wc-foo />
// 或自行注册组件
if (!customElements.get('foo-blabla')) {
customElements.define('foo-blabla', Foo) // 最终组件名为 <foo-blabla />
}
```
@ -121,9 +140,6 @@ static styles = css`