zoukankan      html  css  js  c++  java
  • 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在客户端呈现的变量,具体了解请看官网
  • 相关阅读:
    2017 五一 清北学堂 Day1模拟考试结题报告
    2973 枪毙
    2840 WIKIOI——评测
    解决magento保存产品时耗时很长的问题
    easyui-layout中的收缩层无法显示标题问题解决
    JAVA排序(一) Comparable接口
    C语言数据结构----栈与递归
    [置顶] SpecDD(混合的敏捷方法模型)主要过程概述
    Vim 实用技术,第 1 部分: 实用技巧(转)
    如何解决dns解析故障
  • 原文地址:https://www.cnblogs.com/fsg6/p/14428226.html
Copyright © 2011-2022 走看看