• nuxt之vuex中使用nuxtServerInit方法


    官网介绍nuxtServerInit方法

    https://zh.nuxtjs.org/guide/vuex-store/#nuxtserverinit-%E6%96%B9%E6%B3%95

    vuex中模块化使用示例

    挂载vuex中state模块及nuxtServerInit方法, store-->index.js

    context上下文对象:

    属性类型可用描述
    app vue根实例 客户端 & 服务端 包含所有插件的根实例。例如:想使用axios,可以通过context.app.$axios获取
    isClient Boolean 客户端 & 服务端 是否来自客户端渲染,废弃,请使用process.client
    isServer Boolean 客户端 & 服务端 是否来自服务端渲染,废弃,请使用process.server
    isStatic Boolean 客户端 & 服务端 是否通过nuxt generate
    isDev Boolean 客户端 & 服务端 是否开发模式,在生产坏境的数据缓存中用到
    isHMR Boolean 客户端 & 服务端 是否通过模块热替换,仅在客户端以dev模式
    route 路由 客户端 & 服务端 路由实例
    store vuex数据 客户端 & 服务端 Vuex.sttore实例
    env l Object 客户端 & 服务端 nuxt.config.js中的环境变量
    params Object 客户端 & 服务端 route.params的别名
    query Object 客户端 & 服务端 route.query的别名
    req http.Request 服务端 Node.js API的Request对象。如果nuxt以中间件形式使用的话,这个对象就根据你所使用的框架(个人理解为页面)而定。nuxt generate 不可用
    res http.Reponse 服务端 Node.js API的Reponse对象。如果nuxt以中间件形式使用的话,这个对象就根据你所使用的框架(个人理解为页面)而定。nuxt generate 不可用
    redirect Function 服务端 用于重定向另一个路由,状态码在服务端被使用,默认302 redirect([status,]path[,query])
    error Function 客户端 & 服务端 前往错误页面,error(parmas),params包含statusCode和message字段
    nuxtState Object 客户端 nuxt状态
    beforeNuxtRender(fn) Function 服务端 更新NUXT在客户端呈现的变量,具体了解请看官网
  • 相关阅读:
    mogodb 设置用户名密码认证
    axon mogoconfig
    ListUtils 对 list数据 分组 ,统计,求和 。。。
    jQuery 之 dom操作
    学习Java第二天
    字节跳动spring面试题,你能回答出几个
    CH340芯片选型
    Django的路由转换器的使用
    Vue之cli脚手架
    String中split(regex,limit)方法讲解
  • 原文地址:https://www.cnblogs.com/fsg6/p/14428226.html
Copyright © 2020-2023  润新知