Update Component
parent
b7dd88fdcf
commit
a74ac5394b
26
Component.md
26
Component.md
|
@ -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`
|
|||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
|
Loading…
Reference in New Issue