zoukankan      html  css  js  c++  java
  • NuxtJS项目——路由

      Nuxt.js 依据 pages 目录结构自动生成 vue-router 模块的路由配置。

      (1)基础路由

      (2)动态路由

      在 Nuxt.js 里面定义带参数的动态路由,需要创建对应的以下划线作为前缀的 Vue 文件 或 目录。Nuxt.js 可以在动态路由组件中定义参数校验方法。说明:generate 命令会忽略动态路由。

      (3)嵌套路由

      通过 vue-router 的子路由创建 Nuxt.js 应用的嵌套路由。创建内嵌子路由,需要添加一个 Vue 文件,同时添加一个与该文件同名的目录用来存放子视图组件。

      (4)动态嵌套路由

      这个应用场景比较少见,但是 Nuxt.js 仍然支持:在动态路由下配置动态子路由。如果不知道URL结构的深度,您可以使用_.vue动态匹配嵌套路径。

  • 相关阅读:
    序列操作
    上帝造题的七分钟2 / 花神游历各国
    火柴排队
    pair(对组)用法
    线段树
    链上分治
    Rem与Px的转换
    css中单位px和em,rem的区别
    css网页自适应-1
    css网页自适应-2
  • 原文地址:https://www.cnblogs.com/bien94/p/12579195.html
Copyright © 2011-2022 走看看