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

章节连结

前端框架御三家之一的 Vue,在 2020 年第四季迎来的第三代版本,代号为 One Piece。虽说已略为上手 2.0 版,决定借由 HiSKIO 2020 Vue3 专业职人 的课程,来加速自己的熟悉程度。这篇会笔记下 Vue 3.0 的中关于 事件修饰符、HTML 注入 的用法 ,以及自己开发上的一些补充。
vue.js logo vue


课程相关资讯

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

本篇范围:Chapter 4 ( JavaScript ES6 ) ,一共有 12 篇

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


笔记

1. 计算跟判断的逻辑是要拆开的,避免在 watch 内使用过度的 nested 结构。
2. v-html 如同 .innerHTML,若有恶意的 JavaScript 字串,会一同被执行。
3. 事件修饰符,如 .stop, .prevent…等是有执行先后顺序的,需要视情况来调整。最常用的为 @click.prevent (对应 e.preventDefault()) 和 @click.stop (对应 e.stopPropagation()) 。当然,你也可以串接两者一起使用,如 @click.stop.prevent


程式码范例


系列文章

  • [笔记] 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 专业职人 入门篇 – 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
  • 按赞加入粉丝团

    延伸阅读