VitePress v1.0.0 候選版本初體驗(yàn)
VitePress 是一款靜態(tài)站點(diǎn)生成器，專為構(gòu)建快速、以內(nèi)容為中心的網(wǎng)站而設(shè)計(jì)。目前（2023.12）最新版是 1.0.0-rc.31 候選版，早在 2022 年我就使用過內(nèi)測(cè)版，候選版和內(nèi)測(cè)版對(duì)比是有不少變化的
辰風(fēng)沐陽 閱讀 823 2023-12-13
Vue 2 實(shí)例 Props 選項(xiàng)
props 選項(xiàng)的值可以是數(shù)組或?qū)ο?，用于接收來自父組件的數(shù)據(jù)。當(dāng) props 的值為一個(gè)對(duì)象時(shí)，可以配置高級(jí)選項(xiàng)，如：類型檢測(cè)、自定義驗(yàn)證、設(shè)置默認(rèn)值。當(dāng) props 的值為一個(gè)簡(jiǎn)單的數(shù)組時(shí)，鍵值是接收的屬性名，如果父組件沒有傳遞該屬性，屬性值為 undefined
辰風(fēng)沐陽 閱讀 1744 2023-04-09
Vue 2.x 混入 mixins
混入 (minxin) 提供了一種非常靈活的方式，來分發(fā) Vue 組件中的可復(fù)用功能。一個(gè)混入對(duì)象可以包含任意組件選項(xiàng)。當(dāng)組件使用混入對(duì)象時(shí)，所有混入對(duì)象的選項(xiàng)將被 “混合” 進(jìn)入該組件本身的選項(xiàng)。當(dāng)組件和混入對(duì)象含有同名選項(xiàng)時(shí)，這些選項(xiàng)將以恰當(dāng)?shù)姆绞竭M(jìn)行合并
辰風(fēng)沐陽 閱讀 1293 2023-04-03
Vue CLI 腳手架的模式和環(huán)境變量
"模式" 是 Vue CLI 項(xiàng)目中一個(gè)重要的概念。作為一名開發(fā)人員，我們可能需要針對(duì)每一種環(huán)境編寫一些不同的代碼并且保證這些代碼運(yùn)行在正確的環(huán)境中，那么我們應(yīng)該如何在代碼中判斷項(xiàng)目所處的環(huán)境同時(shí)執(zhí)行不同的代碼呢？這就需要我們進(jìn)行正確的環(huán)境配置和管理
辰風(fēng)沐陽 閱讀 1173 2023-03-15
Vuex 3.x 目錄結(jié)構(gòu)組織
Vuex 并不限制你的代碼結(jié)構(gòu)，但是，它規(guī)定了一些需要遵守的規(guī)則: 1. 應(yīng)用層級(jí)的狀態(tài)應(yīng)該集中到單個(gè) store 對(duì)象中 2. 提交 mutation 是更改狀態(tài)的唯一方法 3. 異步邏輯都應(yīng)該封裝到 action 里面。好的代碼結(jié)構(gòu)組織利于開發(fā)和維護(hù)
辰風(fēng)沐陽 閱讀 1117 2022-12-15
Vue3 快速入門及鞏固基礎(chǔ)【更新中】
Vue 是一款用于構(gòu)建用戶界面的 JavaScript 框架，它基于 HTML，CSS 和 JavaScript 構(gòu)建，并提供了一套聲明式的、組件化的編程模型，幫助你高效的開發(fā)用戶界面。本文在學(xué)習(xí) Vue3 新特性的同時(shí)，也復(fù)習(xí)了下 Vue 基礎(chǔ)知識(shí)
辰風(fēng)沐陽 閱讀 1110 2022-10-21
VitePress v1.0.0-alpha 內(nèi)測(cè)版初體驗(yàn)
VitePress 還未正式發(fā)布，當(dāng)前 (2022-09-20) 處于內(nèi)測(cè)階段，本文為初次使用總結(jié)，正式發(fā)布后用法可能略有變化。VitePress 建議在 Vite 之上，而 VuePress 建立在 Webpack 上，也就是它們使用的打包工具不同，并且 VitePress 解決了 VuePress 設(shè)計(jì)上的一些缺陷
辰風(fēng)沐陽 閱讀 1517 2022-09-20
Vue 2.x 過濾器
Vue2 支持自定義過濾器，可被用于一些常用的文本格式化。過濾器可以用在兩個(gè)地方：雙花括號(hào)插值 和 v-bind 表達(dá)式，過濾器應(yīng)被添加在 JavaScript 表達(dá)式的尾部，使用 “管道符號(hào)” 指示。需要注意的是在 Vue3 中已經(jīng)不支持過濾器
辰風(fēng)沐陽 閱讀 908 2022-07-08
Vue 腳手架 Axios 網(wǎng)絡(luò)請(qǐng)求模塊封裝
本文記錄 axios 的基本使用和網(wǎng)絡(luò)請(qǐng)求模塊封裝寫法。在 Vue1.x 的時(shí)候，Vue 官方推出了 vue-resource，它的體積相對(duì)于 jquery 小了很多，在 Vue2.x 推出后，去掉了 vue-resource，并且 vue 作者尤雨溪推薦使用 axios。
辰風(fēng)沐陽 閱讀 1438 2022-01-18
Vuex 3.x 狀態(tài)管理模式
Vuex 是一個(gè)專為 Vue.js 應(yīng)用程序開發(fā)的狀態(tài)管理模式。它采用集中式存儲(chǔ)管理應(yīng)用的所有組件的狀態(tài)，并以相應(yīng)的規(guī)則保證狀態(tài)以一種可預(yù)測(cè)的方式發(fā)生變化。簡(jiǎn)而言之: Vuex 就是實(shí)現(xiàn)多個(gè)組件中共享狀態(tài)的一個(gè)插件。
辰風(fēng)沐陽 閱讀 1403 2022-01-14