Component 扩充自 Vue 的组件, 提供了 Vue 组件对等的输入参数能力。在代码书写时提供类 class的装饰器Decorator 风格。
代码引入
import { Component, Watch } from '@ali/kylin-framework';
二、组件声明结构
一个组件可以包含数据、JSX渲染函数、模板、挂载元素、方法、生命周期等 Vue 的options选项的对等配置。
组件声明包括以下几部分, 分别使用 @Component, @Watch 两种不同装饰器进行包装:
- class 类声明, 使用装饰器 @Component
- 类成员声明, 不使用装饰器
- 类成员方法声明, 一般不装饰器, 除非该方法需要 watch 另外一个已声明的变量
(2)组件接口hello {{ name }}
- scriptclass结构方法类型 getter/setter属性生命周期函数Watch API使用属性类型 propsdata
- dependency 、标签属性: default导入、member导入
- template
- style
注:跟 vue 基本一致,组件定义写在 .vue 文件内
点击
上述例子中,有 4 个顶级标签,除了与 Vue 相同的,



