kylinH5框架之项目组件理解

目录

 

组件介绍

组件声明结构

组件接口

script

dependency

template

style

状态注入

接口声明

---

组件介绍

Component 扩充自 Vue 的组件, 提供了 Vue 组件对等的输入参数能力。在代码书写时提供类 class 的装饰器 Decorator 风格。

import { Component, Watch } from '@ali/kylin-framework';

一个组件可以包含数据、JSX 渲染函数、模板、挂载元素、方法、生命周期等 Vue 的 options 选项的对等配置。

组件声明结构

组件声明包括以下几部分, 分别使用 @Component 和 @Watch 两种不同装饰器进行包装：

• class 类声明, 使用装饰器 @Component。
• 类成员声明, 不使用装饰器。
• 类成员方法声明, 一般不装饰器, 除非该方法需要 watch 另外一个已声明的变量。

举例子

组件接口

跟 vue 基本一致，组件定义写在 .vue 文件内，以下是一个简单的例子:

上述例子中，有