Course Introduction
02 minutes23 secondsIntroduction to Vue
17 minutes58 secondsVue official website user guide
14 minutes06 secondsBuild a Vue development environment
13 minutes53 secondsHello small case
22 minutes24 secondsAnalyze Hello case
19 minutes38 secondsTemplate syntax
17 minutes42 secondsdata binding
10 minutes38 secondsTwo ways of writing el and data
11 minutes47 secondsUnderstanding MVVM
14 minutes33 secondsObject.defineProperty
18 minutes10 secondsUnderstanding data brokers
02 minutes58 secondsData proxies in Vue
23 minutes14 secondsevent handling
15 minutes59 secondsevent modifier
19 minutes55 secondsKeyboard events
16 minutes38 secondsevent summary
04 minutes06 secondsName case
16 minutes43 secondsComputed properties
28 minutes19 secondsComputed property_abbreviation
04 minutes41 secondsWeather case
13 minutes57 secondsMonitor properties
10 minutes55 secondsdeep surveillance
11 minutes15 secondsabbreviation for surveillance
06 minutes14 secondswatch vs computed
21 minutes30 secondsBind class style
23 minutes33 secondsBind style style
08 minutes54 secondsConditional rendering
19 minutes34 secondsList rendering
17 minutes28 secondsKey function and principle
32 minutes25 secondslist filter
26 minutes51 secondsList sorting
12 minutes07 secondsA problem when updating
14 minutes03 secondsThe principle of Vue monitoring data_object
27 minutes06 secondsVue.set() method
24 minutes35 secondsThe principle of Vue monitoring data_array
18 minutes55 secondsSummarizing Vue monitoring data
23 minutes48 secondsCollect form data
31 minutes16 secondsfilter
25 minutes50 secondsv-text directive
04 minutes58 secondsv-html directive
26 minutes36 secondsv-cloak directive
14 minutes13 secondsv-once directive
04 minutes15 secondsv-pre directive
04 minutes13 secondsCustom instruction_functional
17 minutes51 secondsCustom instruction_object type
19 minutes56 secondsCustom Instructions_Summary
12 minutes17 secondsLead life cycle
23 minutes19 secondsLife cycle_mounting process
29 minutes48 secondsLife cycle_update process
09 minutes24 secondsLife cycle_destruction process
19 minutes19 secondsLife cycle_Summary
20 minutes45 secondsunderstanding of components
24 minutes23 secondsnon-single file component
33 minutes09 secondsSeveral points to note about components
17 minutes28 secondsNesting of components
12 minutes27 secondsVueComponent constructor
25 minutes19 secondsVue instances and component instances
09 minutes03 secondsan important built-in relationship
28 minutes25 secondssingle file component
32 minutes07 secondsCreate Vue scaffolding
13 minutes46 secondsAnalyze scaffolding structures
27 minutes34 secondsrender function
29 minutes45 secondsModify default configuration
17 minutes14 secondsref attribute
18 minutes36 secondsprops configuration
30 minutes19 secondsmixin inclusion
13 minutes34 secondsplug-in
12 minutes50 secondsscoped style
14 minutes54 secondsTodoList case_static
23 minutes41 secondsTodoList case_initialization list
15 minutes01 secondsTodoList case_add
28 minutes44 secondsTodoList case_check
21 minutes58 secondsTodoList case_delete
09 minutes48 secondsTodoList case_bottom statistics
14 minutes50 secondsTodoList case_bottom interaction
15 minutes34 secondsTodoList Case_Summary
10 minutes19 secondsBrowser local storage
22 minutes34 secondsTodoList_local storage
08 minutes49 secondsComponent custom event_binding
24 minutes56 secondsComponent custom event_unbinding
12 minutes52 secondsComponent Custom Event_Summary
22 minutes34 secondsTodoList case_custom event
07 minutes13 secondsGlobal event bus 1
22 minutes01 secondsGlobal event bus 2
20 minutes34 secondsTodoList case_event bus
07 minutes59 secondsMessage subscription and publishing_pubsub
18 minutes15 secondsTodoList case_pubsub
05 minutes41 secondsTodoList case_edit
25 minutes51 seconds$nextTick
08 minutes03 secondsAnimation effects
14 minutes01 secondsexcessive effect
12 minutes39 secondsExcessive elements
04 minutes06 secondsIntegrate third-party animations
04 minutes52 secondsSummary transition and animation
10 minutes14 secondsConfigure proxy_Method 1
29 minutes09 secondsConfigure proxy_Method 2
19 minutes25 secondsgithub case_static component
13 minutes13 secondsgithub case_list display
14 minutes52 secondsgithub case_perfect case
22 minutes50 secondsvue-resource
06 minutes49 secondsDefault slot
21 minutes21 secondsnamed slot
12 minutes47 secondsscope slot
21 minutes59 secondsIntroduction to Vuex
13 minutes38 secondsSumming case_pure vue version
11 minutes44 secondsVuex working principle diagram
23 minutes53 secondsBuild Vuex environment
25 minutes32 secondsSumming case_vuex version
22 minutes38 secondsUse of vuex developer tools
23 minutes20 secondsgetters configuration items
07 minutes54 secondsmapState and mapGetters
25 minutes19 secondsmapActions and mapMutations
17 minutes47 secondsSharing data between multiple components
14 minutes29 secondsvuex modular+namespace_1
24 minutes17 secondsvuex modularity+namespace_2
20 minutes31 secondsIntroduction to routing
23 minutes06 secondsBasic usage of routing
26 minutes18 secondsSeveral points to note
11 minutes42 secondsNested routing
14 minutes02 secondsRoute query parameters
20 minutes04 secondsnamed route
04 minutes11 secondsRoute params parameters
07 minutes30 secondsRouting props configuration
14 minutes30 secondsreplace attribute of router-link
09 minutes50 secondsProgrammatic route navigation
18 minutes09 secondscache routing component
08 minutes01 secondsTwo new lifecycle hooks
09 minutes57 secondsGlobal prefix_routing guard
20 minutes31 secondsGlobal Post_Route Guard
17 minutes02 secondsExclusive route guard
04 minutes16 secondsIntra-component route guard
14 minutes01 secondshistory mode and hash mode
26 minutes03 secondsBasic use of element-ui
19 minutes12 secondselement-ui is introduced on demand
15 minutes29 secondsIntroduction to vue3
13 minutes06 secondsCreate a project using vue-cli
03 minutes37 secondsCreate a project using vite
09 minutes37 secondsAnalyze engineering structures
16 minutes06 secondsInstall developer tools
03 minutes47 secondsFirst acquaintance with setup
22 minutes32 secondsref function_process basic types
13 minutes51 secondsref function_process object type
15 minutes41 secondsreactive function
16 minutes15 secondsReview the responsiveness principle of Vue2
11 minutes23 secondsVue3 responsive principle_Proxy
28 minutes43 secondsVue3 responsive principle_Reflect
13 minutes10 secondsreactive vs ref
02 minutes40 secondsTwo points to note about setup
27 minutes48 secondscomputed computed properties
10 minutes33 secondswatch monitors the data defined by ref
10 minutes58 secondswatch monitors data defined by reactive
21 minutes49 secondsProblem with value during watch
10 minutes57 secondswatchEffect function
09 minutes01 secondsVue3 life cycle
22 minutes24 secondsCustom hook
19 minutes28 secondstoRef and toRefs
26 minutes23 secondsshallowReactive与shallowRef
11 minutes39 secondsreadonly与shallowReadonly
09 minutes56 secondstoRaw and markRaw
19 minutes35 secondscustomRef
27 minutes41 secondsprovide and inject
12 minutes33 secondsJudgment of responsive data
04 minutes29 secondsAdvantages of CompositionAPI
08 minutes20 secondsFragment component
02 minutes37 secondsTeleport component
16 minutes34 secondsSuspense component
18 minutes11 secondsOther changes in Vue3
12 minutes06 secondsVue technology family bucket tutorial is shockingly released! This course explains in detail the core technologies in Vue2 and Vue3, as well as surrounding technologies. Through this course, you can become proficient in the Vue technology stack and make front-end development as smooth as silk!