# 介绍
$context
是自定义组件的上下文环境,它提供给自定义组件以下功能:
- 事件订阅/发布
- 行为守卫
- 辅助API
# 例子
您可以在Vue上下文(组件脚本或模板)中直接使用它,如下所示:
//该自定义组件使用在详情页布局中
<!-- 在Vue模板中 -->
<template>
<div>
demo
</div>
</template>
<script>
// 在export以外不可用
export default {
// 在一个Vue组件脚本中
...,
// 显示一个方法的例子,但是可以是Vue脚本的任何部分
methods: {
getDescribe () {
// 打印出对象描述
console.log(this.$context.getDescribe())
},
refresh() {
//触发整体刷新
this.$context.emitSystem('refresh', {})
//假设某兄弟组件的api_name为comp__c,并且订阅了名为'comp__c.refresh'的事件
this.$context.emit('comp__c.refresh', {})
}
}
}
</script>
# 特别注意
自定义组件会出现在不同的场景下,例如:详情页、表单、UI按钮,这些场景对应的上下文环境提供的事件、行为守卫、辅助API都存在着差异,这点需要开发者翻阅文档来查询。