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