Vue中高级API有哪些常用总结?

更新于
2026-09-23 13:20:05
36阅读来源:SEO基础
  • 内容介绍
  • 文章标签
  • 相关推荐

本文共计1860个文字,预计阅读时间需要8分钟。

Vue中高级API有哪些常用总结?

最近玩了一段时间Vue3.0,感觉非常流畅,趁热打铁,把这段时间Vue2.0的坑填完,写一些3.0的东东。主要记录罗列和解析一些被认为是常用或大用的API,作为自我总结和探讨。

NextTick 功能:nextTick是Vue提供的一个全局方法,用于在下一次DOM更新循环结束之后执行延迟回调。在修改数据后立即使用这个方法,获取更新后的DOM。

最近手痒痒,玩儿了一下Vue3.0,很舒服,赶紧把这几期Vue2.0弄完,写一些3.0的东西。
本文主要罗列和解析一些个人认为常用或有大用途的Api,作为自我总结的笔记和探讨。

nextTick

功能:

添加在下次Dom更新循环结束之后的延迟回调,修改数据之后,可以获取更新后的Dom。
用法:

Vue.nextTick( [callback, context] ) vm.$nextTick( [callback] ) // 用法2 // 作为一个 Promise 使用 (2.1.0 起新增) Vue.nextTick() .then(function () { // DOM 更新了 })

说明:

callback:延迟回调函数
context:可选的object
ps:2.1.0 起新增:如果没有提供回调且在支持 Promise 的环境中,则返回一个 Promise。请注意 Vue 不自带 Promise 的 polyfill,所以如果你的目标浏览器不原生支持 Promise (IE:你们都看我干嘛),你得自己提供 polyfill。

阅读全文

本文共计1860个文字,预计阅读时间需要8分钟。

Vue中高级API有哪些常用总结?

最近玩了一段时间Vue3.0,感觉非常流畅,趁热打铁,把这段时间Vue2.0的坑填完,写一些3.0的东东。主要记录罗列和解析一些被认为是常用或大用的API,作为自我总结和探讨。

NextTick 功能:nextTick是Vue提供的一个全局方法,用于在下一次DOM更新循环结束之后执行延迟回调。在修改数据后立即使用这个方法,获取更新后的DOM。

最近手痒痒,玩儿了一下Vue3.0,很舒服,赶紧把这几期Vue2.0弄完,写一些3.0的东西。
本文主要罗列和解析一些个人认为常用或有大用途的Api,作为自我总结的笔记和探讨。

nextTick

功能:

添加在下次Dom更新循环结束之后的延迟回调,修改数据之后,可以获取更新后的Dom。
用法:

Vue.nextTick( [callback, context] ) vm.$nextTick( [callback] ) // 用法2 // 作为一个 Promise 使用 (2.1.0 起新增) Vue.nextTick() .then(function () { // DOM 更新了 })

说明:

callback:延迟回调函数
context:可选的object
ps:2.1.0 起新增:如果没有提供回调且在支持 Promise 的环境中,则返回一个 Promise。请注意 Vue 不自带 Promise 的 polyfill,所以如果你的目标浏览器不原生支持 Promise (IE:你们都看我干嘛),你得自己提供 polyfill。

阅读全文