方法

数据方法

属性类型参数描述
$setFunctionkey: Stringvalue: Any添加数据属性,用法:this.$set('key',value) this.$vm('id').$set('key',value)
$deleteFunctionkey: String删除数据属性,用法:this.$delete('key') this.$vm('id').$delete('key')

公共方法

属性类型参数描述
$elementFunctionid: String 组件 id获取指定 id 的组件 dom 对象,如果没有指定 id,则返回根组件 dom 对象用法:<template> <div id='xxx'></div> </template> this.$element('xxx') 获取 id 为 xxx 的 div 组件实例对象 this.$element() 获取根组件实例对象
$rootFunction获取顶层 ViewModel
$parentFunction获取父亲 ViewModel
$childFunctionid: String 组件 id获取指定 id 的自定义组件的 ViewModel 用法:this.$child('xxx') 获取 id 为 xxx 的 div 组件 ViewModel
$vm deprecatedFunctionid: String 组件 id请使用上面this.$child('xxx')替代
$rootElement deprecatedFunction请使用上面this.$element()替代
$forceUpdateFunction更新 ViewModel 数据,可能会触发 DOM 操作,如:创建节点、更新节点、删除节点等;这些 DOM 操作不一定在数据更新时立即执行,而是在开发者的业务代码执行后触发;若开发者期望数据更新时立即执行相应的 DOM 操作,可使用:this.$forceUpdate();一般不推荐使用

事件方法

属性类型参数描述
$onFunctiontype: String 事件名handler: Function 事件句柄函数添加事件处理句柄用法:this.$on('xxxx', this.fn) fn 是在<script>中定义的函数
$offFunctiontype: String 事件名handler: Function 事件句柄函数删除事件处理句柄用法:this.$off('xxxx', this.fn) this.$off('xxx') 删除指定事件的所有处理句柄
$dispatchFunctiontype: String 事件名向上层组件发送事件通知用法:this.$dispatch('xxx')正常情况下,会一直向上传递事件(冒泡)如果要停止冒泡,在事件句柄函数中调用evt.stop()即可
$broadcastFunctiontype: String 事件名向子组件发送事件通知用法:this.$broadcast('xxx')正常情况下,会一直向下传递事件如果要停止传递,在事件句柄函数中调用evt.stop()即可
$emitFunctiontype: String 事件名data: Object 事件参数触发事件,对应的句柄函数被调用用法:this.$emit('xxx') this.$emit('xxx', {a:1})传递的事件参数可在事件回调函数中,通过evt.detail来访问,例如evt.detail.a
$emitElementFunctiontype: String 事件名data: Object 事件参数id: String 组件 id (默认为-1 代表根元素)触发组件事件, 对应的句柄函数被调用用法:this.$emitElement('xxx', null, 'id') this.$emitElement('xxx', {a:1})传递的事件参数可在事件回调函数中,通过evt.detail来访问,例如evt.detail.a
$watchFunctiondata: String 属性名, 支持'a.b.c'格式,不支持数组索引handler: String 事件句柄函数名, 函数的第一个参数为新的属性值,第二个参数为旧的属性值动态添加属性/事件绑定,属性必须在 data 中定义,handler 函数必须在<script>定义;当属性值发生变化时事件才被触发用法:this.$watch('a','handler')

应用方法 1010+

可通过$app访问

属性类型参数描述
exit 1010+Function退出快应用,结束应用生命周期。调用方法:this.$app.exit()

页面方法

可通过$page访问

属性类型参数描述
setTitleBarFunctiontext: String 标题栏文字textColor: String 文字颜色backgroundColor: String 背景颜色backgroundOpacity 1000+: Number 背景透明度menu 1000+: Boolean 是否在标题栏右上角显示菜单按钮设置当前页面的标题栏用法:this.$page.setTitleBar({text:'Hello', textColor:'#FF0000', backgroundColor:'#FFFFFF', backgroundOpacity:0.5, menu: true})
finish 1010+Function从本页面退出,结束页面生命周期。调用方法:this.$page.finish()
exitFullscreen 1050+Function页面退出全屏模式
setStatusBar 1050+Functionimmersive: Boolean 是否开启状态栏沉浸式textStyle: String 文字样式backgroundColor: String 状态栏背景颜色backgroundOpacity 1000+: Number 状态栏背景不透明度设置当前页面的状态栏用法:this.$page.setStatusBar({immersive:true, textStyle:'dark', backgroundColor:'#FFFFFF', backgroundOpacity:0.5})