原创 350、Vue Router學習筆記04 -【命名視圖 、重定向和別名】 2020.04.28

0、目錄1、命名視圖2、嵌套命名視圖3、重定向和別名3.1 重定向3.2 別名4、參考文獻 1、命名視圖 有時候想同時 (同級) 展示多個視圖,而不是嵌套展示,例如創建一個佈局,有 sidebar (側導航) 和 main (主

原创 347、Vue Router學習筆記01 -【安裝、介紹、起步】 2020.04.27

0、目錄1、安裝1.1 直接下載 / CDN1.2 NPM1.3 構建開發版2、介紹3、起步3.1 HTML3.2 JavaScript4、參考文獻 1、安裝 1.1 直接下載 / CDN https://unpkg.com

原创 353、Vue Router學習筆記07 -【導航守衛、路由元信息】 2020.04.28

0、目錄1、導航守衛1.1 全局前置守衛1.2 全局解析守衛1.3 全局後置鉤子1.4 路由獨享的守衛1.5、組件內的守衛1.6 完整的導航解析流程2、路由元信息3、參考文獻 “導航”表示路由正在發生改變。 1、導航守

原创 348、Vue Router學習筆記02 -【動態路由匹配、嵌套路由】 2020.04.27

0、目錄1、動態路由匹配1.1 響應路由參數的變化1.2 捕獲所有路由或 404 Not found 路由1.3 匹配優先級2、嵌套路由3、參考文獻 1、動態路由匹配 我們經常需要把某種模式匹配到的所有路由,全都映射到同個組

原创 343、Vuex 學習筆記02 -【Vuex核心概念】 2020.04.24

0、目錄1、開始2、最簡單的 Store3、參考鏈接 1、開始 每一個 Vuex 應用的核心就是 store(倉庫)。“store”基本上就是一個容器,它包含着你的應用中大部分的狀態 (state)。Vuex 和單純的全局對象有以

原创 341、Vue Loader學習筆記05 -【函數式組件】 2020.04.24

0、目錄1、函數式組件2、代碼校驗 (Linting)2.1 ESLint3、參考文獻 1、函數式組件 在一個 *.vue 文件中以單文件形式定義的函數式組件,現在對於模板編譯、scoped CSS 和熱重載也有了良好的支持。 要

原创 342、Vuex 學習筆記01 -【Vuex安裝、介紹】 2020.04.24

0、目錄1、安裝1.1 NPM1.2 Yarn1.3 Promise1.4 自己構建2、Vuex 是什麼?2.1 什麼是“狀態管理模式”?2.2 什麼情況下,我應該使用 Vuex?3、參考文獻 1、安裝 直接下載 /

原创 344、Vuex 學習筆記03 -【State、Getter】 2020.04.24

0、目錄1、單一狀態樹2、在 Vue 組件中獲得 Vuex 狀態3、Getter3.1 通過屬性訪問3.2 通過方法訪問4、參考文獻 1、單一狀態樹 Vuex 使用單一狀態樹——是的,用一個對象就包含了全部的應用層級狀態。至此它便

原创 345、Vuex 學習筆記04 -【Mutation 、Action 、Module】 2020.04.24

0、目錄1、Mutation2、提交載荷(Payload)3、Action4、Module4.1 模塊的局部狀態5、參考文獻 1、Mutation 更改 Vuex 的 store 中的狀態的唯一方法是提交 mutation。Vu

原创 319、Vue學習筆記25 -【TypeScript 支持】 2020.04.20

0、目錄1、發佈爲 NPM 包的官方聲明文件2、推薦配置3、開發工具鏈3.1 工程創建3.2 編輯器支持4、基本用法5、基於類的 Vue 組件6、增強類型以配合插件使用7、標註返回值8、參考鏈接 1、發佈爲 NPM 包的官方

原创 324、Vue學習筆記30 -【安全】 2020.04.21

0、目錄1、報告安全漏洞2、第一原則:永遠不要使用不可信任的模板3、Vue 的安全措施3.1 HTML 內容3.2 Attribute 綁定4、潛在危險4.1 注入 HTML4.2 注入 URL4.3 注入樣式4.4 注入

原创 338、Vue Loader學習筆記02 -【Scoped CSS】 2020.04.23

0、目錄1、Scoped CSS2、混用本地和全局樣式3、子組件的根元素4、 深度作用選擇器5、動態生成的內容6、還有一些要留意7、參考文獻 1、Scoped CSS 當 <style 標籤有 scoped 屬性時,它的 CSS

原创 317、Vue學習筆記23 -【單文件組件】 2020.04.20

0、目錄1、介紹1.1 怎麼看待關注點分離?2、起步2.1 例子沙箱2.2 針對剛接觸 JavaScript 模塊開發系統的用戶3、針對高級用戶4、參考鏈接 1、介紹 在很多 Vue 項目中,我們使用 Vue.compone

原创 328、Webpack學習筆記03 -【輸出】 2020.04.22

0、目錄1、用法(Usage)2、多個入口起點3、高級進階4、參考文獻 配置 output 選項可以控制 webpack 如何向硬盤寫入編譯文件。注意,即使可以存在多個 entry 起點,但只指定一個 output 配置。 1

原创 321、Vue學習筆記27 -【路由】 2020.04.21

0、目錄1、官方路由2、從零開始簡單的路由3、整合第三方路由4、參考鏈接 1、官方路由 對於大多數單頁面應用,都推薦使用官方支持的 vue-router 庫。更多細節可以移步 vue-router 文檔。 2、從零開始簡單的路由