栏目分类:
子分类:
返回
名师互学网用户登录
快速导航关闭
当前搜索
当前分类
子分类
实用工具
热门搜索
名师互学网 > IT > 前沿技术 > 大数据 > 大数据系统

mPaaS-技术干货 | Kylin 框架-组件

mPaaS-技术干货 | Kylin 框架-组件

一、组件介绍

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

代码引入

import { Component, Watch } from '@ali/kylin-framework';
二、组件声明结构

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

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

  • class 类声明, 使用装饰器 @Component
  • 类成员声明, 不使用装饰器
  • 类成员方法声明, 一般不装饰器, 除非该方法需要 watch 另外一个已声明的变量
三、组件开发演示 (1).vue 单文件组件





(2)组件接口
  • scriptclass结构方法类型 getter/setter属性生命周期函数Watch API使用属性类型 propsdata
  • dependency 、标签属性: default导入、member导入
  • template
  • style

注:跟 vue 基本一致,组件定义写在 .vue 文件内





上述例子中,有 4 个顶级标签,除了与 Vue 相同的