返回介绍

开场白

开始使用

API

配置

部署

其他

API: 上下文对象

发布于 2019-12-01 05:33:25 字数 3021 浏览 1062 评论 0 收藏 0

上下文对象

context 变量的可用属性一览:

属性字段类型可用描述
appVue 根实例客户端 & 服务端包含所有插件的 Vue 根实例。例如:在使用 axios 的时候,你想获取 $axios 可以直接通过 context.app.$axios 来获取
isClientBoolean客户端 & 服务端是否来自客户端渲染(废弃。请使用 process.client
isServerBoolean客户端 & 服务端是否来自服务端渲染(废弃。请使用 process.server
isStaticBoolean客户端 & 服务端是否来自 nuxt generate 静态化(预渲染)(废弃。请使用 process.static
isDevBoolean客户端 & 服务端是否是开发 dev 模式,在生产环境的数据缓存中用到
isHMRBoolean客户端 & 服务端是否是通过模块热替换 webpack hot module replacement (仅在客户端以 dev 模式)
routeVue Router 路由客户端 & 服务端Vue Router 路由实例
storeVuex 数据客户端 & 服务端Vuex.Store 实例。只有vuex 数据流存在相关配置时可用
envObject客户端 & 服务端nuxt.config.js 中配置的环境变量,见 环境变量 api
paramsObject客户端 & 服务端route.params 的别名
queryObject客户端 & 服务端route.query 的别名
reqhttp.Request服务端Node.js API 的 Request 对象。如果 Nuxt 以中间件形式使用的话,这个对象就根据你所使用的框架而定。nuxt generate 不可用
reshttp.Response服务端Node.js API 的 Response 对象。如果 Nuxt 以中间件形式使用的话,这个对象就根据你所使用的框架而定。nuxt generate 不可用
redirectFunction客户端 & 服务端用这个方法重定向用户请求到另一个路由。状态码在服务端被使用,默认 302 redirect([status,] path [, query])
errorFunction客户端 & 服务端用这个方法展示错误页:error(params)params 参数应该包含 statusCodemessage 字段
nuxtStateObject客户端Nuxt 状态,在使用 beforeNuxtRender 之前,用于客户端获取 Nuxt 状态,仅在 universal 模式下可用
beforeNuxtRender(fn)Function服务端使用此方法更新 __NUXT__ 在客户端呈现的变量,fn 调用 (可以是异步) { Components, nuxtState } ,参考 示例

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。
列表为空,暂无数据
    我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
    原文