nuxt asyncData extendRoutes nuxtServerInit

本文探讨了Nuxt.js框架中asyncData的使用,它主要用于服务端渲染时页面初始化,但不支持在组件内部的this调用。通过案例展示了官方推荐的配置方法,包括在nuxt.config.js、store/index.js和middleware/middle.js中的应用。同时,提到了nuxtServerInit在服务端初始化时的作用。
摘要由CSDN通过智能技术生成

材料来源 realworld 开源项目
asyncData 仅支持服务端,页面初始化,组件加载之前,不能this调用
案例
官方

nuxt.config.js

module.exports = {
   
  router: {
   
    linkActiveClass: 'active', // nuxt-link选中样式
    extendRoutes (routes, resolve) {
   
      routes.splice(0) // 清除默认路由 默认路由是根据pages下的文件夹创建的
      routes.push(
        ...[
          {
   
            path: '/',
            component: resolve(__dirname, 'pages/layout/'),
            children: [
              {
   
                name: 'home',
                path: '/',
                component: resolve(__dirname
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值