Vue3.0 Quick Start Tutorial-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)

Vue3.0 Quick Start Tutorial

This course helps you learn the core syntax development of vue3.0, fully understand the design goals of Vue 3.0 and the differences with Vue2.0, and explain the actual use of the Composition API and the advantages of Vue3.0 code reuse in the form of cases.

Elementary

vue

33406 person learning

55 class hour

08 hours 09 minutes 15 seconds Total course duration

2023-07-26update

PHP中文网

Gold lecturer

A total of 51 coursesStudent5294 Lecturer rating5.5

认证高级PHP讲师 More>>

Course Introduction Course Outline Data Download Other Courses

You will learn：

This course helps you learn the core syntax development of vue3.0, fully understand the design goals of Vue 3.0 and the differences with Vue2.0, and explain the actual use of the Composition API and the advantages of Vue3.0 code reuse in the form of cases.

Vue3.0 Quick Start Tutorial

Chapter1 Vue3-MVVM pattern and component developmenttry and see
expand retract

Section1 Get to know the new version of VUE3 Family Bucket try and see
duration： 10 minutes 49 seconds

Section2 The two cores of VUE-responsive and component-based development try and see
duration： 06 minutes 40 seconds

Section3 VUE data two-way binding try and see
duration： 09 minutes 17 seconds

Section4 VUE event operations
duration： 06 minutes 22 seconds

Section5 Command to interactively install vue-cli scaffolding
duration： 09 minutes 34 seconds

Section6 Running and packaging of VUE projects
duration： 10 minutes 35 seconds

Section7 mount function component mounting principle
duration： 12 minutes 24 seconds

Section8 Data two-way binding and vue.config.js file configuration
duration： 08 minutes 28 seconds

Section9 VUE instance parameters and MVVM mode
duration： 07 minutes 43 seconds

Section10 VUE template interpolation operation
duration： 02 minutes 41 seconds

Section11 Use of VUE template directives
duration： 04 minutes 04 seconds

Section12 VUE virtual DOM and diff algorithm
duration： 10 minutes 42 seconds
Chapter2 Vue’s template directives and event monitoring
expand retract

Section1 Yesterday’s lesson notes
duration： 06 minutes 36 seconds

Section2 The v-bind directive implements dynamic binding of element attributes
duration： 06 minutes 10 seconds

Section3 Detailed explanation of v-bind binding style attribute
duration： 16 minutes 36 seconds

Section4 v-bind binds class attributes to implement dynamic styles
duration： 11 minutes 36 seconds

Section5 VUE computed handles computed properties
duration： 15 minutes 15 seconds

Section6 VUE event monitoring
duration： 09 minutes 17 seconds

Section7 v-on event modifier
duration： 06 minutes 55 seconds

Section8 VUE conditional branch instructions
duration： 06 minutes 29 seconds

Section9 VUE loop traversal instruction v-for
duration： 13 minutes 00 seconds

Section10 v-model form data two-way binding-real-time calculation of total shopping cart price
duration： 14 minutes 27 seconds
Chapter3 Vue component communication and named slots
expand retract

Section1 VUE component development
duration： 15 minutes 44 seconds

Section2 Creation and registration of VUE components
duration： 13 minutes 20 seconds

Section3 VUE scoped attributes realize the independence of component styles
duration： 08 minutes 26 seconds

Section4 Use lang=scss in VUE
duration： 04 minutes 21 seconds

Section5 Parent component passes data to child component
duration： 13 minutes 54 seconds

Section6 $emit enables child components to communicate with parent components
duration： 12 minutes 35 seconds

Section7 Slot extracts the commonality of components to achieve component expansion
duration： 07 minutes 45 seconds

Section8 Upgrade of named slots and scoped slots--the use of v-slot
duration： 10 minutes 57 seconds
Chapter4 Component life cycle and Element-plus component library
expand retract

Section1 Responsibilities of each component life cycle
duration： 08 minutes 22 seconds

Section2 Triggering of component life cycle hook functions
duration： 11 minutes 31 seconds

Section3 Component life cycle--creation and destruction of instances
duration： 11 minutes 20 seconds

Section4 Element-UI-ElementPlus component library document introduction
duration： 10 minutes 16 seconds

Section5 ElementPlus components are referenced globally in main.js
duration： 08 minutes 53 seconds

Section6 Secondary development of ElementPlus tab component
duration： 07 minutes 57 seconds

Section7 Installation and activation of Vue Router
duration： 07 minutes 38 seconds

Section8 Create page route
duration： 13 minutes 19 seconds

Section9 The router-link component implements routing navigation
duration： 07 minutes 05 seconds

Section10 Use global variable $route to implement route jump
duration： 07 minutes 19 seconds

Section11 Route jump--Parameter passing and receiving
duration： 06 minutes 13 seconds
Chapter5 Vue routing nesting and Vuex state management
expand retract

Section1 Start routing process sorting
duration： 10 minutes 01 seconds

Section2 Vue implements routing loading on demand (lazy loading of routes)
duration： 08 minutes 13 seconds

Section3 Vue-route sub-routing (nested routing)
duration： 15 minutes 49 seconds

Section4 Passing and receiving sub-routing parameters
duration： 05 minutes 33 seconds

Section5 Route redirection and alias settings
duration： 13 minutes 59 seconds

Section6 VUEX state warehouse management
duration： 11 minutes 35 seconds

Section7 Use of VUEX getters computed properties
duration： 10 minutes 43 seconds

Section8 Vuex state management--the use of Mutation
duration： 10 minutes 11 seconds

Section9 Vuex state management--Action asynchronous operation
duration： 05 minutes 18 seconds

Section10 Vuex Module--State warehouse segmentation
duration： 05 minutes 18 seconds

Data Nameoperate
[must see]Vue 2.0 basic introductory tutorialExclusive for paid users

PHP中文网 Lecturer Other Courses

Elementary html5 Chinese manual

5508
Collection
Elementary CSS 2.0 Chinese Manual

6109
Collection
Elementary CSS 3.0 Reference Manual

3773
Collection
Advanced Play with CSS Flexbox layout

23600
Collection
Advanced Make layout as fast as 5G: CSS Grid grid layout

27024
Collection
Elementary The front-end course that understands you best: HTML5/CSS3/ES6/NPM/Vue/...[Original]

137947
Collection
Elementary Bootstrap3 reference manual

3335
Collection
Elementary Foundation5 Manual

901
Collection
Elementary JavaScript Reference Manual

9432
Collection
Elementary jQuery1.11 Reference Manual

9118
Collection
Elementary jQuery1.7 Chinese manual

5729
Collection
Elementary jQuery_API_1.4.4 Manual

4224
Collection

Delivery price：￥368

discount

VIP member exclusive VIP 60+ courses are free to watch

Coupon

Participate in the full reduction promotion The specific usage regulations are based on coupons

Buy Now

This course includes：

08 hours 09 minutes 15 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！