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在客户端呈现的变量,具体了解请看官网
  • 相关阅读:
    Falsk的模板分配和蓝图、定制错误信息、 和补充
    Flask配置文件和 路由系统
    初始Flask
    REST Framework组件的解析源码
    MdelForm 和formset
    待修改脚本
    时间打点脚本
    Move Over and Click Link
    Wait and Click Element
    Strings=newString(“xyz”);创建了几个 StringObject?
  • 原文地址:https://www.cnblogs.com/fsg6/p/14428226.html
Copyright © 2011-2022 走看看