VitePress v1.0.0 候選版本初體驗

vue

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

辰風沐陽 閱讀 599 2023-12-13

Vue 2 實例 Props 選項

vue vue2

props 選項的值可以是數組或對象,用于接收來自父組件的數據。當 props 的值為一個對象時,可以配置高級選項,如:類型檢測、自定義驗證、設置默認值。當 props 的值為一個簡單的數組時,鍵值是接收的屬性名,如果父組件沒有傳遞該屬性,屬性值為 undefined

辰風沐陽 閱讀 1611 2023-04-09

Vue 2.x 混入 mixins

vue vue2

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

辰風沐陽 閱讀 1171 2023-04-03

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

vue

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

辰風沐陽 閱讀 1059 2023-03-15

Vuex 3.x 目錄結構組織

vue

Vuex 并不限制你的代碼結構,但是,它規(guī)定了一些需要遵守的規(guī)則: 1. 應用層級的狀態(tài)應該集中到單個 store 對象中 2. 提交 mutation 是更改狀態(tài)的唯一方法 3. 異步邏輯都應該封裝到 action 里面。好的代碼結構組織利于開發(fā)和維護

辰風沐陽 閱讀 1011 2022-12-15

Vue3 快速入門及鞏固基礎【更新中】

vue vue3

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

辰風沐陽 閱讀 999 2022-10-21

uniapp 中 Vuex 3.x 的使用

vue uni-app

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

辰風沐陽 閱讀 1264 2022-09-29

VitePress v1.0.0-alpha 內測版初體驗

vue

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

辰風沐陽 閱讀 1398 2022-09-20

Vue 2.x 過濾器

vue

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

辰風沐陽 閱讀 817 2022-07-08

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

vue

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

辰風沐陽 閱讀 1289 2022-01-14