Vue2.0+Vue3.0 full set of video tutorials-Free online video tutorial-php.cn

Article Topic Learning Download Q&A Programming Dictionary Game Recent Updates

简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)

Vue2.0+Vue3.0 full set of video tutorials

Vue 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!

Elementary

video

292026 person learning

168class hour

01 days 22 hours 17 minutes 48 secondsTotal course duration

2022-01-19update

王林

Gold lecturer

A total of 180 courses Student180290 Lecturer rating5.0

有朋自远方来，虽远必诛！More>>

Course Introduction Course Outline Data Download Other Courses

You will learn：

Vue 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!

Vue2.0+Vue3.0 full set of video tutorials

Chapter1 Chapter One
expand retract

Section1 Course Introduction
duration： 02 minutes 23 seconds

Section2 Introduction to Vue
duration： 17 minutes 58 seconds

Section3 Vue official website user guide
duration： 14 minutes 06 seconds

Section4 Build a Vue development environment
duration： 13 minutes 53 seconds

Section5 Hello small case
duration： 22 minutes 24 seconds

Section6 Analyze Hello case
duration： 19 minutes 38 seconds

Section7 Template syntax
duration： 17 minutes 42 seconds

Section8 data binding
duration： 10 minutes 38 seconds

Section9 Two ways of writing el and data
duration： 11 minutes 47 seconds

Section10 Understanding MVVM
duration： 14 minutes 33 seconds
Chapter2 Chapter two
expand retract

Section1 Object.defineProperty
duration： 18 minutes 10 seconds

Section2 Understanding data brokers
duration： 02 minutes 58 seconds

Section3 Data proxies in Vue
duration： 23 minutes 14 seconds

Section4 event handling
duration： 15 minutes 59 seconds

Section5 event modifier
duration： 19 minutes 55 seconds

Section6 Keyboard events
duration： 16 minutes 38 seconds

Section7 event summary
duration： 04 minutes 06 seconds

Section8 Name case
duration： 16 minutes 43 seconds

Section9 Computed properties
duration： 28 minutes 19 seconds

Section10 Computed property_abbreviation
duration： 04 minutes 41 seconds
Chapter3 third chapter
expand retract

Section1 Weather case
duration： 13 minutes 57 seconds

Section2 Monitor properties
duration： 10 minutes 55 seconds

Section3 deep surveillance
duration： 11 minutes 15 seconds

Section4 abbreviation for surveillance
duration： 06 minutes 14 seconds

Section5 watch vs computed
duration： 21 minutes 30 seconds

Section6 Bind class style
duration： 23 minutes 33 seconds

Section7 Bind style style
duration： 08 minutes 54 seconds

Section8 Conditional rendering
duration： 19 minutes 34 seconds

Section9 List rendering
duration： 17 minutes 28 seconds

Section10 Key function and principle
duration： 32 minutes 25 seconds
Chapter4 Chapter Four
expand retract

Section1 list filter
duration： 26 minutes 51 seconds

Section2 List sorting
duration： 12 minutes 07 seconds

Section3 A problem when updating
duration： 14 minutes 03 seconds

Section4 The principle of Vue monitoring data_object
duration： 27 minutes 06 seconds

Section5 Vue.set() method
duration： 24 minutes 35 seconds

Section6 The principle of Vue monitoring data_array
duration： 18 minutes 55 seconds

Section7 Summarizing Vue monitoring data
duration： 23 minutes 48 seconds

Section8 Collect form data
duration： 31 minutes 16 seconds

Section9 filter
duration： 25 minutes 50 seconds

Section10 v-text directive
duration： 04 minutes 58 seconds
Chapter5 chapter Five
expand retract

Section1 v-html directive
duration： 26 minutes 36 seconds

Section2 v-cloak directive
duration： 14 minutes 13 seconds

Section3 v-once directive
duration： 04 minutes 15 seconds

Section4 v-pre directive
duration： 04 minutes 13 seconds

Section5 Custom instruction_functional
duration： 17 minutes 51 seconds

Section6 Custom instruction_object type
duration： 19 minutes 56 seconds

Section7 Custom Instructions_Summary
duration： 12 minutes 17 seconds

Section8 Lead life cycle
duration： 23 minutes 19 seconds

Section9 Life cycle_mounting process
duration： 29 minutes 48 seconds

Section10 Life cycle_update process
duration： 09 minutes 24 seconds
Chapter6 Chapter Six
expand retract

Section1 Life cycle_destruction process
duration： 19 minutes 19 seconds

Section2 Life cycle_Summary
duration： 20 minutes 45 seconds

Section3 understanding of components
duration： 24 minutes 23 seconds

Section4 non-single file component
duration： 33 minutes 09 seconds

Section5 Several points to note about components
duration： 17 minutes 28 seconds

Section6 Nesting of components
duration： 12 minutes 27 seconds

Section7 VueComponent constructor
duration： 25 minutes 19 seconds

Section8 Vue instances and component instances
duration： 09 minutes 03 seconds

Section9 an important built-in relationship
duration： 28 minutes 25 seconds

Section10 single file component
duration： 32 minutes 07 seconds
Chapter7 Chapter VII
expand retract

Section1 Create Vue scaffolding
duration： 13 minutes 46 seconds

Section2 Analyze scaffolding structures
duration： 27 minutes 34 seconds

Section3 render function
duration： 29 minutes 45 seconds

Section4 Modify default configuration
duration： 17 minutes 14 seconds

Section5 ref attribute
duration： 18 minutes 36 seconds

Section6 props configuration
duration： 30 minutes 19 seconds

Section7 mixin inclusion
duration： 13 minutes 34 seconds

Section8 plug-in
duration： 12 minutes 50 seconds

Section9 scoped style
duration： 14 minutes 54 seconds

Section10 TodoList case_static
duration： 23 minutes 41 seconds
Chapter8 chapter eight
expand retract

Section1 TodoList case_initialization list
duration： 15 minutes 01 seconds

Section2 TodoList case_add
duration： 28 minutes 44 seconds

Section3 TodoList case_check
duration： 21 minutes 58 seconds

Section4 TodoList case_delete
duration： 09 minutes 48 seconds

Section5 TodoList case_bottom statistics
duration： 14 minutes 50 seconds

Section6 TodoList case_bottom interaction
duration： 15 minutes 34 seconds

Section7 TodoList Case_Summary
duration： 10 minutes 19 seconds

Section8 Browser local storage
duration： 22 minutes 34 seconds

Section9 TodoList_local storage
duration： 08 minutes 49 seconds

Section10 Component custom event_binding
duration： 24 minutes 56 seconds
Chapter9 Chapter nine
expand retract

Section1 Component custom event_unbinding
duration： 12 minutes 52 seconds

Section2 Component Custom Event_Summary
duration： 22 minutes 34 seconds

Section3 TodoList case_custom event
duration： 07 minutes 13 seconds

Section4 Global event bus 1
duration： 22 minutes 01 seconds

Section5 Global event bus 2
duration： 20 minutes 34 seconds

Section6 TodoList case_event bus
duration： 07 minutes 59 seconds

Section7 Message subscription and publishing_pubsub
duration： 18 minutes 15 seconds

Section8 TodoList case_pubsub
duration： 05 minutes 41 seconds

Section9 TodoList case_edit
duration： 25 minutes 51 seconds

Section10 $nextTick
duration： 08 minutes 03 seconds
Chapter10 chapter Ten
expand retract

Section1 Animation effects
duration： 14 minutes 01 seconds

Section2 excessive effect
duration： 12 minutes 39 seconds

Section3 Excessive elements
duration： 04 minutes 06 seconds

Section4 Integrate third-party animations
duration： 04 minutes 52 seconds

Section5 Summary transition and animation
duration： 10 minutes 14 seconds

Section6 Configure proxy_Method 1
duration： 29 minutes 09 seconds

Section7 Configure proxy_Method 2
duration： 19 minutes 25 seconds

Section8 github case_static component
duration： 13 minutes 13 seconds

Section9 github case_list display
duration： 14 minutes 52 seconds

Section10 github case_perfect case
duration： 22 minutes 50 seconds
Chapter11 Chapter 11
expand retract

Section1 vue-resource
duration： 06 minutes 49 seconds

Section2 Default slot
duration： 21 minutes 21 seconds

Section3 named slot
duration： 12 minutes 47 seconds

Section4 scope slot
duration： 21 minutes 59 seconds

Section5 Introduction to Vuex
duration： 13 minutes 38 seconds

Section6 Summing case_pure vue version
duration： 11 minutes 44 seconds

Section7 Vuex working principle diagram
duration： 23 minutes 53 seconds

Section8 Build Vuex environment
duration： 25 minutes 32 seconds

Section9 Summing case_vuex version
duration： 22 minutes 38 seconds

Section10 Use of vuex developer tools
duration： 23 minutes 20 seconds
Chapter12 Chapter 12
expand retract

Section1 getters configuration items
duration： 07 minutes 54 seconds

Section2 mapState and mapGetters
duration： 25 minutes 19 seconds

Section3 mapActions and mapMutations
duration： 17 minutes 47 seconds

Section4 Sharing data between multiple components
duration： 14 minutes 29 seconds

Section5 vuex modular+namespace_1
duration： 24 minutes 17 seconds

Section6 vuex modularity+namespace_2
duration： 20 minutes 31 seconds

Section7 Introduction to routing
duration： 23 minutes 06 seconds

Section8 Basic usage of routing
duration： 26 minutes 18 seconds

Section9 Several points to note
duration： 11 minutes 42 seconds

Section10 Nested routing
duration： 14 minutes 02 seconds
Chapter13 Chapter 13
expand retract

Section1 Route query parameters
duration： 20 minutes 04 seconds

Section2 named route
duration： 04 minutes 11 seconds

Section3 Route params parameters
duration： 07 minutes 30 seconds

Section4 Routing props configuration
duration： 14 minutes 30 seconds

Section5 replace attribute of router-link
duration： 09 minutes 50 seconds

Section6 Programmatic route navigation
duration： 18 minutes 09 seconds

Section7 cache routing component
duration： 08 minutes 01 seconds

Section8 Two new lifecycle hooks
duration： 09 minutes 57 seconds

Section9 Global prefix_routing guard
duration： 20 minutes 31 seconds

Section10 Global Post_Route Guard
duration： 17 minutes 02 seconds
Chapter14 Chapter 14
expand retract

Section1 Exclusive route guard
duration： 04 minutes 16 seconds

Section2 Intra-component route guard
duration： 14 minutes 01 seconds

Section3 history mode and hash mode
duration： 26 minutes 03 seconds

Section4 Basic use of element-ui
duration： 19 minutes 12 seconds

Section5 element-ui is introduced on demand
duration： 15 minutes 29 seconds

Section6 Introduction to vue3
duration： 13 minutes 06 seconds

Section7 Create a project using vue-cli
duration： 03 minutes 37 seconds

Section8 Create a project using vite
duration： 09 minutes 37 seconds

Section9 Analyze engineering structures
duration： 16 minutes 06 seconds

Section10 Install developer tools
duration： 03 minutes 47 seconds
Chapter15 Chapter 15
expand retract

Section1 First acquaintance with setup
duration： 22 minutes 32 seconds

Section2 ref function_process basic types
duration： 13 minutes 51 seconds

Section3 ref function_process object type
duration： 15 minutes 41 seconds

Section4 reactive function
duration： 16 minutes 15 seconds

Section5 Review the responsiveness principle of Vue2
duration： 11 minutes 23 seconds

Section6 Vue3 responsive principle_Proxy
duration： 28 minutes 43 seconds

Section7 Vue3 responsive principle_Reflect
duration： 13 minutes 10 seconds

Section8 reactive vs ref
duration： 02 minutes 40 seconds

Section9 Two points to note about setup
duration： 27 minutes 48 seconds

Section10 computed computed properties
duration： 10 minutes 33 seconds
Chapter16 Chapter 16
expand retract

Section1 watch monitors the data defined by ref
duration： 10 minutes 58 seconds

Section2 watch monitors data defined by reactive
duration： 21 minutes 49 seconds

Section3 Problem with value during watch
duration： 10 minutes 57 seconds

Section4 watchEffect function
duration： 09 minutes 01 seconds

Section5 Vue3 life cycle
duration： 22 minutes 24 seconds

Section6 Custom hook
duration： 19 minutes 28 seconds

Section7 toRef and toRefs
duration： 26 minutes 23 seconds

Section8 shallowReactive与shallowRef
duration： 11 minutes 39 seconds

Section9 readonly与shallowReadonly
duration： 09 minutes 56 seconds

Section10 toRaw and markRaw
duration： 19 minutes 35 seconds
Chapter17 Chapter 17
expand retract

Section1 customRef
duration： 27 minutes 41 seconds

Section2 provide and inject
duration： 12 minutes 33 seconds

Section3 Judgment of responsive data
duration： 04 minutes 29 seconds

Section4 Advantages of CompositionAPI
duration： 08 minutes 20 seconds

Section5 Fragment component
duration： 02 minutes 37 seconds

Section6 Teleport component
duration： 16 minutes 34 seconds

Section7 Suspense component
duration： 18 minutes 11 seconds

Section8 Other changes in Vue3
duration： 12 minutes 06 seconds

Data Name operate
[must see]Vue2.0+Vue3.0 full set of video tutorial related courseware Download

王林 Lecturer Other Courses

ElementaryComplete collection of interview questions in front-end disciplines (Season 1)

18588
Collection
ElementaryFlexible box + responsive page layout practice

7491
Collection
ElementaryMake a responsive website from scratch—Grid layout

14198
Collection
ElementaryThe most easy-to-understand HTML+CSS course in 9 days

36233
Collection
ElementaryBasic tutorial for getting started with Web front-end

190184
Collection
ElementaryWeb front-end development-Zero Basic Programming Admission Guide

53120
Collection
ElementaryFront-end basic HTML5+CSS3 from entry to proficiency (full version)

262357
Collection
ElementaryThe latest CSS3 tutorial is quick and easy to understand

18075
Collection
ElementaryCSS3 Flex flexible box model makes layout fly

22546
Collection
ElementaryLearn DIV+CSS layout in one day (five practical exercises)

9022
Collection
ElementaryHTML5+CSS practice project [Hand Knock Onmyoji official website]

8241
Collection
ElementaryGetting started with HTML5+CSS3 for front-end newbies

190305
Collection

Start Learning

This course includes：

01 days 22 hours 17 minutes 48 seconds Watch videos anytime

1 Download Resources

Popular courses Latest courses

More>

About us Disclaimer Sitemap: php.cn：Public welfare online PHP training，Help PHP learners grow quickly！