[笔记] HiSKIO 2020 Vue3 专业职人 入门篇 – 12

章节连结

前端框架御三家之一的 Vue,在 2020 年第四季迎来的第三代版本,代号为 One Piece。虽说已略为上手 2.0 版,决定借由 HiSKIO 2020 Vue3 专业职人 的课程,来加速自己的熟悉程度。这篇会笔记下 Vue-Router  的实战运用中,要注意的地方。

vue.js logo vue


课程相关资讯

[连结]:https://hiskio.com/courses/286/lectures/22728

本篇范围:Chapter 8 ( Vue Router 网址路由 – SPA网页开发 ) ,一共有 12 篇

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


笔记

1. 页面中,要记得错误处理。如果 HTTP Code 不为 200,那就会跑到 try – catch 的 error 区块
2. 如果有使用到计时器功能,记得在组件销毁时,要清除计时器 ( 使用 onUmounted => 在 Vue 2.X 为 destroyed )
3. router.go(-1),可以用简短的方法回到上一页
4. 如果你要使用 a 标签,也是可以使用绑定事件的方式来启用 vue-router。这个时候,你也可以在其传输关于 GTM 有关的参数
5. 如果你要在动态网址中,维持点选的效果的话,那你需要手工比对网址,然后再改变 CSS
6. @click 是可以加上修饰符的,可以加上 left, middle 等来触发效果,甚至开启新分页 ( 不过要搭配 router.push 来作使用 )


系列文章

  • [笔记] 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 专业职人 进阶篇 – 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 专业职人 入门篇 – 11
  • [笔记] HiSKIO 2020 Vue3 专业职人 入门篇 – 10
  • [笔记] HiSKIO 2020 Vue3 专业职人 入门篇 – 1
  • 按赞加入粉丝团

    延伸阅读