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