需要通過 Vue Router 實例的 mode 選項來設置，這樣 URL 會更加美觀，但同樣需要后端支持避免問題徙融。 Vue CLI 可以統(tǒng)一項目的架構(gòu)風格，初始化配置項目依...
IP屬地：青海
-
Vue.js - Vue CLI
-
Vue.js - Vue Router
Vue Router 是 Vue.js 的官方插件，用來快速實現(xiàn)單頁應用坦敌。 單頁應用 SPA（Single Page Application）單頁面應用程序，簡稱單頁應用。指...
-
Vue.js - 內(nèi)置組件
動態(tài)組件 動態(tài)組件適用于多個組件頻繁切換的處理恬试。<component> 用于將一個‘元組件’渲染為動態(tài)組件窝趣，以 is 屬性值決定渲染哪個組件。 動態(tài)組件常用于實現(xiàn)多個組件的快...
-
Vue.js - 組件插槽
組件插槽可以便捷的設置組件內(nèi)容训柴。 單個插槽 如果我們希望組件標簽可以像 HTML 標簽一樣設置內(nèi)容哑舒，那么組件的使用靈活度會很高。 但平常我們書寫的組件幻馁，組件首尾標簽中書寫的內(nèi)...
-
Vue.js - 組件通信
在組件間傳遞數(shù)據(jù)的操作洗鸵，稱為組件通信。 父組件向子組件傳值 通過子組件的 props 選項接收父組件的傳值仗嗦。 注意：props 不要與 data 存在同名屬性膘滨。 父組件設置方...
-
Vue.js - 組件簡介和注冊
組件用于封裝頁面的部分功能，將功能的結(jié)構(gòu)稀拐、樣式火邓、邏輯代碼封裝為整體，提高了功能的復用性與可維護性德撬，能更好的專注于業(yè)務邏輯铲咨。 組件使用時為自定義 HTML 標簽形式，通過組件名...
-
Vue.js - 綜合案例 TodoMVCTodoMVC 是一個經(jīng)典項目蜓洪，讓開發(fā)者快速實踐到框架開發(fā)方式纤勒。官網(wǎng)地址：http://todomvc.com/[http://todomvc.com/] 準備工作 從 gi...
-
Vue.js - 進階語法
以下筆記皆基于 Vue 2 自定義指令 指令用于簡化 DOM 操作，相當于對基礎 DOM 操作的一種封裝隆檀。當我們希望使用一些內(nèi)置指令不具備的 DOM 功能時摇天，可以進行自定義指...
-
Vue.js - 事件與表單處理
以下筆記皆基于 Vue 2 事件處理 v-on 指令 v-on 指令用于進行元素的事件綁定，簡寫方式 @事件類型恐仑。當事件程序代碼較多時泉坐，可以在 methods 中設置函數(shù)，并...
-
Vue.js - 基礎指令
以下筆記皆基于 Vue 2 指令是本身是給框架識別的一種標記菊霜，可以指示框架快速對元素進行處理坚冀，減少 DOM 操作，而 Vue.js 指令的本質(zhì)就是以 v- 開頭的 HTML ...
-
Vue.js - 簡介
以下筆記皆基于 Vue 2 傳統(tǒng)網(wǎng)頁開發(fā)步驟：通過 AJAX 請求服務器中的數(shù)據(jù) => 根據(jù)獲取的數(shù)據(jù)生成網(wǎng)頁結(jié)構(gòu) => 設置相關事件以監(jiān)聽用戶操作 => 用戶操作導致的數(shù)據(jù)...
-
前端工程化-Webpack 進階-模塊解析鉴逞、排除依賴打包和模塊聯(lián)邦以下皆為拉勾教育課件內(nèi)筆記 模塊解析（resolve） resolve resolve 可以配置 Webpack 中模塊的解析規(guī)則记某。詳情查看：https://www.webp...
-
前端工程化-Webpack 進階-刪除冗余代碼、緩存以下皆為拉勾教育課件內(nèi)筆記 刪除冗余代碼（Tree Shaking） 簡介 Tree Shaking 的作用是构捡，打包時液南，刪除未引用的代碼（dead code） 何為未引用代碼...
-
前端工程化-Webpack 進階-代碼分割和源碼映射以下皆為拉勾教育課件內(nèi)筆記 代碼分割 為什么（Why） 我們知道 Webpack 是?款打包工具，但現(xiàn)在為什么又要進行代碼分割呢勾徽？如果把所有代碼都打包到?起滑凉，可能最終的代碼非...
-
前端工程化-Webpack 進階-區(qū)分打包環(huán)境、自定義 plugin 和 loader以下皆為拉勾教育課件內(nèi)筆記 區(qū)分打包環(huán)境 通過環(huán)境變量區(qū)分 詳情：https://www.webpackjs.com/guides/environment-variables...
-
前端工程化-Webpack 基礎-打包字體、資源模塊畅姊、開發(fā)服務器
以下皆為拉勾教育課件內(nèi)筆記 打包字體 下載字體文件 https://www.iconfont.cn/[https://www.iconfont.cn/] file-loade...
-
前端工程化-Webpack 基礎-打包 HTML咒钟、JS 和圖片以下皆為拉勾教育課件內(nèi)筆記 打包 HTML 生成 HTML html-webpack-plugin，該插件用來創(chuàng)建 HTML 文件若未，創(chuàng)建的 HTML 文件默認引?打包后的所有...
-
前端工程化-Webpack 基礎-打包CSS
以下皆為拉勾教育課件內(nèi)筆記 轉(zhuǎn)換 CSS 例如朱嘴，我們現(xiàn)在如果需要對 CSS 文件進行打包。我們就需要 CSS 對應的 loader （打包器）粗合。一般來說有兩個 loader：...
-
前端工程化-Webpack 概述以下皆為拉勾教育課件內(nèi)筆記 簡介 什么是 Webpack Webpack = Web Package萍嬉，webpack 是?個現(xiàn)代 JS 應用程序的靜態(tài)模塊打包器（Module...
-
前端工程化-ES Modules
ES Modules 是 2015 年推出的，語言層面的模塊化規(guī)范隙疚，與運行環(huán)境無關壤追，服務器和瀏覽器中都能使用。 在 html 中供屉，通過給 script 添加 type = m...