VUE知識整理 元件

2021-10-04 06:46:02 字數 1167 閱讀 8842

變異方法

push() pop() shift() unshift() splice() sort() reverse()

事件修飾符

.stop .prevent .self .once

v-model的修飾符

1.lazy 預設是同步更新,如果加了.lazy修飾符,等游標離開後才會進行同步的更新。

2. .number 這個值無法被parsefloat解析的時候,會原樣返回。如果能夠被解析,返回解析後的數值

3. .trim 去掉首尾的空格

v-model的原理: 1.給輸入框繫結value屬性 2.繫結input事件(變數=輸入框裡面的值)可以通過設定watch***來實現此功能

watch

watch可以用來監聽現有資料的變化,然後一旦現有資料發生改變了,就會實現一些業務邏輯。發現邏輯上稍微複雜一點(需要監聽現有資料的變化,然後在去定義乙個新的資料,當現有資料改變的時候,更新新資料)

computed跟watch區別?

watch監聽只能是單個的? 每次監聽只能監聽乙個變數的改變而計算屬性computed是可以依賴多個資料的變化(並且只與他所依賴的項進行永久性快取)

深度監聽可以監聽內部屬性發生變化

元件分為全域性元件和區域性元件

全域性元件:

區域性元件:

在vue中,專案結構都是這樣的:乙個根例項,裡面有大量的元件,元件都可以形成巢狀關係。在vue中,元件巢狀只能形成父子關係。對於全域性元件來說,父子關係只是存在於巢狀的時候子元件只能在父元件的模板裡面進行呼叫

過濾器

分為兩種:全域性過濾器,區域性過濾器,過濾器只是在資料要顯示的時候,將資料變化成某種格式。注:全域性過濾器內部必須要寫return

vue 元件以及 vue元件檔案的相關整理

test div template export default 區域性元件註冊,通過import匯入 props 資料傳遞 data computed 計算屬性 watch methods 方法 filters 區域性過濾器 僅僅本元件使用 directives 區域性自定義指令 僅僅本元件使用 ...

vue依賴元件 知識

知識 1 slot就是為了向元件內部傳遞指定的內容 2 npm list vue 檢視 vue的版本 3 vue v 檢視 vue cli 的版本 4 公升級vue cli 到3.x以上 需要重新 clean install npm uninstall vue cli g 先刪 npm instal...

Vue元件知識詳解

元件樹向元件傳遞資料 元件例項的生命週期 乙個完整的網頁是複雜的,如果將其作為乙個整體來進行開發,將會遇到下面的困難 vue推薦使用一種更加精細的控制方案 元件化開發 所謂元件化,即把乙個頁面中區域功能細分,每乙個區域成為乙個元件,每個元件包含 由於沒有構建工具的支撐,css 暫時無法放到元件中 元...