diff --git a/docs/vue/options-api.md b/docs/vue/options-api.md index 9884a584faf6017ca89609423f76c640aef9628f..6b6f8c7e5fae33694b381f4d08d73d20dd9cbc1e 100644 --- a/docs/vue/options-api.md +++ b/docs/vue/options-api.md @@ -303,6 +303,33 @@ 从 `data` 选项函数中返回的对象,会被组件赋为响应式。组件实例将会代理对其数据对象的属性访问。 +##### 使用注意事项 @options-data + +data内 $ 开头的属性不可直接使用 `this.$xxx`访问,需要使用 `this.$data['$xxx']` ,这是vue的规范 + +> 目前安卓端可以使用 this.$xxx 访问是Bug而非特性,请勿使用此特性。 + +示例 + +```vue + + +``` + + 示例 [详情]() ::: preview @@ -431,40 +458,15 @@ 绑定在实例上的 nextTick() 函数。 -示例 [详情]() - -::: preview - -::: - -### $nextTick 使用注意事项 @options-nextTick +##### 使用注意事项 @options-nextTick 目前 $nextTick 可以保证当前数据已经同步到 DOM,但是由于排版和渲染是异步的,所以 $nextTick 不能保证 DOM 排版以及渲染完毕。\ 如果需要获取排版后的节点信息推荐使用 [uni.createSelectorQuery](../api/nodes-info.md) 不推荐直接使用 [Element](../dom/unielement.md) 对象。\ 在修改 DOM 后,立刻使用 [Element](../dom/unielement.md) 对象的同步接口获取 DOM 状态可能获取到的是排版之前的,而 [uni.createSelectorQuery](../api/nodes-info.md) 可以保障获取到的节点信息是排版之后的。 -### $data 使用注意事项 @options-data - -data内 $ 开头的属性不可直接使用 `this.$xxx`访问,需要使用 `this.$data['$xxx']` ,这是vue的规范 - -> 目前安卓端可以使用 this.$xxx 访问是Bug而非特性,请勿使用此特性。 -示例 +示例 [详情]() -```vue - - -``` +::: preview + +:::