• 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在客户端呈现的变量,具体了解请看官网
  • 相关阅读:
    Flink基础(57):FLINK-SQL函数(20) 内置函数(15)日期函数(二)
    Flink基础(56):FLINK-SQL函数(19)内置函数(14)字符串函数(五)
    位示图算法实现大数据的存储
    位示图算法实现大数据的存储
    JobTracker作业启动过程分析
    mysql 查询优化~ 分页优化讲解
    mysql 原理~ index的详解
    指纹识别开发1.0
    java8 base64编码和解码
    Cow Bowling POJ
  • 原文地址:https://www.cnblogs.com/fsg6/p/14428226.html
Copyright © 2020-2023  润新知