nuxt基础

作者: Wrestle_Mania | 来源:发表于2021-05-06 23:01 被阅读0次

路由跳转

<NuxtLink :to="{ name: 'about' }">about</NuxtLink>

<el-button @click="$router.push({ name: 'about' })">about</el-button>

<el-button @click="doJump">about</el-button>

export default {
  methods: {
    doJump() {
      this.$router.push({ name: 'about' })
    }
  }
}

动态路由

对应会自动生成如下路由

路由参数校验

export default {
  validate({ params: { id } }) {
    return /^\d+$/.test(id)
  },
}

返回布尔值，false则跳转到404页面

嵌套路由

nuxt基础
脚手架安装nuxt（很慢）下面这个能凑活安装上
nuxt基础
路由跳转动态路由对应会自动生成如下路由路由参数校验返回布尔值，false则跳转到404页面嵌套路由
nuxt.js使用axios发送http请求
看这篇文章之前，默认你是知道nuxt是什么的，并且知道nuxt怎么使用。如果不了解的，建议先去看看nuxt的基础知...
Nuxt.js SSR与权限验证
原文Nuxt.js — SSR & Authentication Nuxt.js是一个建立在Vue.js基础上的服...
NUXT.js
Nuxt.js 是一个基于 Vue.js 的通用应用框架。通过对客户端/服务端基础架构的抽象组织，##Nuxt....
用 Nuxtjs 写个单页面应用
Nuxt.js 是一个基于 Vue.js 的通用应用框架。通过对客户端/服务端基础架构的抽象组织，Nuxt.js ...
Nuxt.js
简介 Nuxt.js 是一个基于Vue.js的通用应用框架。通过对客户端/服务端基础架构的抽象组织，Nuxt.js...
nuxt-基础（一）
2019年的最后一个月，实战了nuxt，出2篇文章总结一下，一篇基础开发与配置，一篇是我在实战中遇到的问题。 nu...
Nuxt.js基础
Nuxt.js工作流 Nuxt.js目录路由&示例新建好即等于配置好页面模版&示例模版是layouts 异...
Nuxt.js基础
一、Nuxt.js是什么一个基于Vue.js生态的第三方开源服务端渲染应用框架他可以帮助我们轻松的使用vue....