[笔记] HiSKIO 2020 Vue3 专业职人 进阶篇 – 6

章节连结

前端框架御三家之一的 Vue,在 2020 年第四季迎来的第三代版本,代号为 One Piece。虽说已略为上手 2.0 版,决定借由 HiSKIO 2020 Vue3 专业职人 的课程,来加速自己的熟悉程度。这篇会笔记下 Nuxt 中关于 Router 路由的配置。

vue.js logo vue


课程相关资讯

[连结]:https://hiskio.com/courses/419/lectures/20824

本篇范围:Chapter 4 ( Nuxt – 自动化 Router 配置 ) ,一共有 10 篇

请注意:本系列文章为个人对应课程的消化吸收后,所整理出来的内容。换言之,并不一定会包含全部的课程内容,也有可能会添加其他资源来说明。


笔记

1. Nuxt.js 截至 2021 年 3 月,尚未完整的支援 Vue3,所以你有可能需要用 Vue2 的写法来进行。
2. 由于在 Server 渲染阶段,默认并没有安装 SASS 相关的编译器,你可以用 npm i -D sass sass-loader fibers 来达成目标
3. <Nuxt /> 犹如 <vue-router /> 的存在,有提供嵌套路由的 <NuxtChild /> 和切换页面的超连结 <NuxtLink to=””>..</NuxtLink>…等


系列文章

  • [笔记] HiSKIO 2020 Vue3 专业职人 进阶篇 – 9
  • [笔记] HiSKIO 2020 Vue3 专业职人 进阶篇 – 8
  • [笔记] HiSKIO 2020 Vue3 专业职人 进阶篇 – 7
  • [笔记] HiSKIO 2020 Vue3 专业职人 进阶篇 – 5
  • [笔记] HiSKIO 2020 Vue3 专业职人 进阶篇 – 4
  • [笔记] HiSKIO 2020 Vue3 专业职人 进阶篇 – 3
  • [笔记] HiSKIO 2020 Vue3 专业职人 进阶篇 – 2
  • [笔记] HiSKIO 2020 Vue3 专业职人 进阶篇 – 15
  • [笔记] HiSKIO 2020 Vue3 专业职人 进阶篇 – 14
  • [笔记] HiSKIO 2020 Vue3 专业职人 进阶篇 – 13
  • [笔记] HiSKIO 2020 Vue3 专业职人 进阶篇 – 12
  • [笔记] HiSKIO 2020 Vue3 专业职人 进阶篇 – 11
  • [笔记] HiSKIO 2020 Vue3 专业职人 进阶篇 – 10
  • [笔记] HiSKIO 2020 Vue3 专业职人 进阶篇 – 1
  • [笔记] HiSKIO 2020 Vue3 专业职人 加值篇 – 5
  • [笔记] HiSKIO 2020 Vue3 专业职人 加值篇 – 4
  • [笔记] HiSKIO 2020 Vue3 专业职人 加值篇 – 3
  • [笔记] HiSKIO 2020 Vue3 专业职人 加值篇 – 2
  • [笔记] HiSKIO 2020 Vue3 专业职人 加值篇 – 1
  • [笔记] HiSKIO 2020 Vue3 专业职人 入门篇 – 9-2
  • [笔记] HiSKIO 2020 Vue3 专业职人 入门篇 – 9
  • [笔记] HiSKIO 2020 Vue3 专业职人 入门篇 – 8
  • [笔记] HiSKIO 2020 Vue3 专业职人 入门篇 – 7
  • [笔记] HiSKIO 2020 Vue3 专业职人 入门篇 – 6
  • [笔记] HiSKIO 2020 Vue3 专业职人 入门篇 – 5
  • [笔记] HiSKIO 2020 Vue3 专业职人 入门篇 – 4
  • [笔记] HiSKIO 2020 Vue3 专业职人 入门篇 – 3
  • [笔记] HiSKIO 2020 Vue3 专业职人 入门篇 – 2
  • [笔记] HiSKIO 2020 Vue3 专业职人 入门篇 – 16
  • [笔记] HiSKIO 2020 Vue3 专业职人 入门篇 – 14
  • [笔记] HiSKIO 2020 Vue3 专业职人 入门篇 – 13
  • [笔记] HiSKIO 2020 Vue3 专业职人 入门篇 – 12
  • [笔记] HiSKIO 2020 Vue3 专业职人 入门篇 – 11
  • [笔记] HiSKIO 2020 Vue3 专业职人 入门篇 – 10
  • [笔记] HiSKIO 2020 Vue3 专业职人 入门篇 – 1
  • 按赞加入粉丝团

    延伸阅读