飞跃高山与大洋的鱼飞跃高山与大洋的鱼
首页
先看
计算机
  • 数学
  • Linux
  • Arch
  • Manjaro
  • Ubuntu
  • CentOS
  • Kubernetes
  • Web
  • JavaScript
  • TypeScript
  • CSS
  • Canvas
  • Vue
  • Vite
  • NuxtJS
  • Webpack
  • Flutter
  • D3
  • Jest
  • WeApp
  • Utils
  • Nodejs
  • Nestjs
  • Golang
  • Nginx
  • Traefik
  • MySQL
  • MongoDB
  • Redis
  • Docker
算法
  • 像素风
  • Git
  • Github
  • VSCode
  • Chrome
  • Google
  • Bookmark scripts
  • 导航 🎉
  • VuePress 侧边栏插件
  • VuePress 官网
🚇 开往
首页
先看
计算机
  • 数学
  • Linux
  • Arch
  • Manjaro
  • Ubuntu
  • CentOS
  • Kubernetes
  • Web
  • JavaScript
  • TypeScript
  • CSS
  • Canvas
  • Vue
  • Vite
  • NuxtJS
  • Webpack
  • Flutter
  • D3
  • Jest
  • WeApp
  • Utils
  • Nodejs
  • Nestjs
  • Golang
  • Nginx
  • Traefik
  • MySQL
  • MongoDB
  • Redis
  • Docker
算法
  • 像素风
  • Git
  • Github
  • VSCode
  • Chrome
  • Google
  • Bookmark scripts
  • 导航 🎉
  • VuePress 侧边栏插件
  • VuePress 官网
🚇 开往
  • NUXTJS

    • 快速上手 NuxtJS
      • 使用模板快速开始
      • 使用想法
        • components
        • layouts
        • pages 动态路由
      • 参考资料

快速上手 NuxtJS

使用模板快速开始

# 根据你的需求进行选择
yarn create nuxt-app nuxt-test

使用想法

NuxtJS 是一个重约定的框架。

components

可以有目录结构:

components
├── Component-1.vue
└── Menu
    └── Component-2.vue

引入时:

<MenuComponent-2 />

layouts

可以有目录结构:

layouts
└── 10
    └── 1
        └── default.vue

引入时:

export default {
  layout: '10/1/default'
}

pages 动态路由

使用下划线为动态路由:

pages
├── games
│   └── _module
│       └── _id.vue

相当于 /games/:module/:id。

参考资料

  • NuxtJS
编辑文档!
上次更新:
贡献者: shanyuhai123