Vue之路 (一)初步了解vue框架

2021-09-25 19:23:14 字數 669 閱讀 6366

vue.js(讀音 /vjuː/, 類似於 view) 是一套構建使用者介面的 漸進式框架。與其他重量級框架不同的是,vue 採用自底向上增量開發的設計。vue 的核心庫只關注檢視層,並且非常容易學習,非常容易與其它庫或已有專案整合。另一方面,vue 完全有能力驅動採用單檔案元件和 vue 生態系統支援的庫開發的複雜單頁應用。

由於jquery中呼叫標籤物件,也就是說還要呼叫標籤物件的爸爸,然後工作中都是爸爸的爸爸的爸爸的爸爸~,這用起來就非常的頭疼。vue增量式開發,只有乙個html,將不同元件加入到標籤之中,適合做一些複雜,繁瑣的頁面,多人是分工開發!

這裡很明顯看到專案的結構

專案名src下的檔案,是我們寫code的地方,components是所有元件的聚集地,即我們寫的元件也放在這裡,router是載入元件的地方,在components檔案下,都是.vue檔案,即元件檔案,vue下有三個標籤,,標籤下,只能有乙個外層標籤,裡面的子標籤個數不限制。裡面寫js資料,寫的格式和內容見官方文件,這裡呢相當於css檔案書寫,只不過要在style標籤裡面加乙個scoped,這樣你寫的樣式不會影響別人的元件,只影響下的標籤樣式。

之後,我們要匯入元件router中,例如import helloworld from '@/components/helloworld'     

這裡介紹的比較簡單,純基礎入門級別,不喜勿噴,文章錯誤請指正,多謝!

vue 初步了解provide inject

provider inject 簡單的來說就是在父元件中通過provider來提供變數,然後在子元件中通過inject來注入變數。需要注意的是 provide inject這對選項需要一起使用,以允許乙個祖先元件向其所有子孫後代注入乙個依賴,不論元件層次有多深,並在起上下游關係成立的時間裡始終生效。...

菜鳥之路Vue 一

vue.config是乙個物件,它包含了vue的全域性變數配置。silent用來取消 vue 所有的日誌與警告,其值值型別為布林值 boolean 預設值為false,語法 vue.config.silent true optionmergestartegies自定義選項混合策略,傳入三個引數,第乙...

Vue框架 Vue指令

v cloak 避免螢幕閃爍 class屬性 重點 style屬性 了解 案例 123 data methods 12 3 事件處理 3 v if有家族 v if v else if v else if控制顯隱 你是第1個p 你是第2個p 你是第3個p 案例綠 藍 注意 v for遍歷要依賴於乙個所...