16 / 67
ΠΠ°ΠΊ ΠΏΡΠΎΡΠΈΠ»ΠΈΡΠΎΠ²Π°ΡΡ Vue-ΠΏΡΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠ΅ ΡΠ΅ΡΠ΅Π· Vue DevTools?
Vue DevTools (Π±ΡΠ°ΡΠ·Π΅ΡΠ½ΠΎΠ΅ ΡΠ°ΡΡΠΈΡΠ΅Π½ΠΈΠ΅) Π΄Π°ΡΡ ΡΡΠΈ ΠΊΠ»ΡΡΠ΅Π²ΡΡ ΠΈΠ½ΡΡΡΡΠΌΠ΅Π½ΡΠ°: Component Inspector (Π΄Π΅ΡΠ΅Π²ΠΎ ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½ΡΠΎΠ², ΠΈΡ props/state/computed), Timeline (Ρ ΡΠΎΠ½ΠΎΠ»ΠΎΠ³ΠΈΡ ΡΠΎΠ±ΡΡΠΈΠΉ: ΡΠ΅Π½Π΄Π΅ΡΡ, ΡΠΎΠ±ΡΡΠΈΡ, Π·Π°ΠΏΡΠΎΡΡ), Performance tab (Π²ΡΠ΅ΠΌΡ ΡΠ΅Π½Π΄Π΅ΡΠ° ΠΊΠ°ΠΆΠ΄ΠΎΠ³ΠΎ ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½ΡΠ°). ΠΠ»Ρ Π³Π»ΡΠ±ΠΎΠΊΠΎΠ³ΠΎ ΠΏΡΠΎΡΠΈΠ»ΠΈΡΠΎΠ²Π°Π½ΠΈΡ ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΠΉ ΡΠ°ΠΊΠΆΠ΅ Chrome DevTools Performance tab Ρ Π·Π°ΠΏΠΈΡΡΡ flame chart -- ΡΠ°ΠΌ Π²ΠΈΠ΄Π½ΠΎ, ΠΊΠ°ΠΊΠΈΠ΅ ΡΡΠ½ΠΊΡΠΈΠΈ Vue Π·Π°Π½ΠΈΠΌΠ°ΡΡ Π±ΠΎΠ»ΡΡΠ΅ Π²ΡΠ΅Π³ΠΎ Π²ΡΠ΅ΠΌΠ΅Π½ΠΈ.