VitePress v1.0.0 候選版本初體驗(yàn)

vue

VitePress 是一款靜態(tài)站點(diǎn)生成器,專為構(gòu)建快速、以內(nèi)容為中心的網(wǎng)站而設(shè)計。目前(2023.12)最新版是 1.0.0-rc.31 候選版,早在 2022 年我就使用過內(nèi)測版,候選版和內(nèi)測版對比是有不少變化的

辰風(fēng)沐陽 閱讀 582 2023-12-13

Vue 2 實(shí)例 Props 選項(xiàng)

vue vue2

props 選項(xiàng)的值可以是數(shù)組或?qū)ο螅糜诮邮諄碜愿附M件的數(shù)據(jù)。當(dāng) props 的值為一個對象時,可以配置高級選項(xiàng),如:類型檢測、自定義驗(yàn)證、設(shè)置默認(rèn)值。當(dāng) props 的值為一個簡單的數(shù)組時,鍵值是接收的屬性名,如果父組件沒有傳遞該屬性,屬性值為 undefined

辰風(fēng)沐陽 閱讀 1592 2023-04-09

Vue 2.x 混入 mixins

vue vue2

混入 (minxin) 提供了一種非常靈活的方式,來分發(fā) Vue 組件中的可復(fù)用功能。一個混入對象可以包含任意組件選項(xiàng)。當(dāng)組件使用混入對象時,所有混入對象的選項(xiàng)將被 “混合” 進(jìn)入該組件本身的選項(xiàng)。當(dāng)組件和混入對象含有同名選項(xiàng)時,這些選項(xiàng)將以恰當(dāng)?shù)姆绞竭M(jìn)行合并

辰風(fēng)沐陽 閱讀 1148 2023-04-03

Vue CLI 腳手架的模式和環(huán)境變量

vue

"模式" 是 Vue CLI 項(xiàng)目中一個重要的概念。作為一名開發(fā)人員,我們可能需要針對每一種環(huán)境編寫一些不同的代碼并且保證這些代碼運(yùn)行在正確的環(huán)境中,那么我們應(yīng)該如何在代碼中判斷項(xiàng)目所處的環(huán)境同時執(zhí)行不同的代碼呢?這就需要我們進(jìn)行正確的環(huán)境配置和管理

辰風(fēng)沐陽 閱讀 1040 2023-03-15

Vuex 3.x 目錄結(jié)構(gòu)組織

vue

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)沐陽 閱讀 993 2022-12-15

Vue3 快速入門及鞏固基礎(chǔ)【更新中】

vue vue3

Vue 是一款用于構(gòu)建用戶界面的 JavaScript 框架,它基于 HTML,CSS 和 JavaScript 構(gòu)建,并提供了一套聲明式的、組件化的編程模型,幫助你高效的開發(fā)用戶界面。本文在學(xué)習(xí) Vue3 新特性的同時,也復(fù)習(xí)了下 Vue 基礎(chǔ)知識

辰風(fēng)沐陽 閱讀 981 2022-10-21

uniapp 中 Vuex 3.x 的使用

vue uni-app

vuex 是一個專為 vue.js 應(yīng)用程序開發(fā)的狀態(tài)管理模式,而 uni-app 是采用 vue 的語法去開發(fā)所有前端應(yīng)用的框架,uni-app 內(nèi)置了 vuex,不需像 vue 腳手架那樣里通過 npm 安裝了,我們只需要引用就可以直接使用

辰風(fēng)沐陽 閱讀 1251 2022-09-29

VitePress v1.0.0-alpha 內(nèi)測版初體驗(yàn)

vue

VitePress 還未正式發(fā)布,當(dāng)前 (2022-09-20) 處于內(nèi)測階段,本文為初次使用總結(jié),正式發(fā)布后用法可能略有變化。VitePress 建議在 Vite 之上,而 VuePress 建立在 Webpack 上,也就是它們使用的打包工具不同,并且 VitePress 解決了 VuePress 設(shè)計上的一些缺陷

辰風(fēng)沐陽 閱讀 1385 2022-09-20

Vue 2.x 過濾器

vue

Vue2 支持自定義過濾器,可被用于一些常用的文本格式化。過濾器可以用在兩個地方:雙花括號插值 和 v-bind 表達(dá)式,過濾器應(yīng)被添加在 JavaScript 表達(dá)式的尾部,使用 “管道符號” 指示。需要注意的是在 Vue3 中已經(jīng)不支持過濾器

辰風(fēng)沐陽 閱讀 801 2022-07-08

Vuex 3.x 狀態(tài)管理模式

vue

Vuex 是一個專為 Vue.js 應(yīng)用程序開發(fā)的狀態(tài)管理模式。它采用集中式存儲管理應(yīng)用的所有組件的狀態(tài),并以相應(yīng)的規(guī)則保證狀態(tài)以一種可預(yù)測的方式發(fā)生變化。簡而言之: Vuex 就是實(shí)現(xiàn)多個組件中共享狀態(tài)的一個插件。

辰風(fēng)沐陽 閱讀 1274 2022-01-14