Java资源分享网 - 专业的Java学习网站 学Java,上Java资源分享网
蚂蚁科技 移动开发平台 前端框架与 UI 组件 使用指南 PDF 下载
发布于:2024-06-07 10:18:20
(假如点击没反应,多刷新两次就OK!)

蚂蚁科技 移动开发平台 前端框架与 UI 组件 使用指南 PDF 下载 图1

 

 

资料内容:

 

组件声明结构
一个组件可以包含数据、JSX 渲染函数、模板、挂载元素、方法、生命周期等 Vue 的 options 选项的对等配
置。组件声明包括以下几部分, 分别使用 @Component 和 @Watch 两种不同装饰器进行包装:
class 类声明,使用装饰器 @Component。
类成员声明,不使用装饰器。
类成员方法声明,一般不装饰器,除非该方法需要 watch 另外一个已声明的变量。
下面是简单的组件开发演示,具体声明参数参见 组件接口 了解详情。
*.vue 单文件组件

 

<!-- Hello.vue -->
<template>
<div>hello {{name}}
<Child></Child>
</div>
</template>
<style>
/* put style here */
</style>
<component default="Child" src="./child.vue" />
<script>
import { Component } from '@ali/kylin-framework';
@Component
class Hello {
data = {
name: 'world'
}
}
export default Hello;
</script>