Java知识分享网 - 轻松学习从此开始!    

Java知识分享网

        
AI编程,程序员挑战年入30~100万高级指南 - 职业规划
SpringBoot+SpringSecurity+Vue权限系统高级实战课程        

IDEA永久激活

Java微信小程序电商实战课程(SpringBoot+VUe)

     

AI人工智能学习大礼包

     

PyCharm永久激活

66套java实战课程无套路领取

     

Cursor+Claude AI编程 1天快速上手视频教程

     

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


时间:2024-06-07 10:18来源:http://www.java1234.com 作者:转载  侵权举报
蚂蚁科技 移动开发平台 前端框架与 UI 组件 使用指南
失效链接处理
蚂蚁科技 移动开发平台 前端框架与 UI 组件 使用指南 PDF 下载
 
 
 
相关截图:
 

主要内容:

组件声明结构
一个组件可以包含数据、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>

 

 

 
 
------分隔线----------------------------


锋哥推荐