Vue3.0 Quick Start Tutorial-Free online video tutorial-php.cn

Community Learn Tools Library Leisure

English

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

38440 person learning

55class hour

08 hours 09 minutes 15 secondsTotal course duration

2023-07-26update

PHP中文网

Gold lecturer

A total of 51 courses Student5296 Lecturer rating5.6

认证高级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
duration： 10 minutes 49 seconds

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

Section3 VUE data two-way binding
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 Name operate
[must see]Vue 2.0 basic introductory tutorial Download

PHP中文网 Lecturer Other Courses

Elementaryhtml5 Chinese manual

5512
Collection
ElementaryCSS 2.0 Chinese Manual

6116
Collection
ElementaryCSS 3.0 Reference Manual

3773
Collection
AdvancedPlay with CSS Flexbox layout

25459
Collection
AdvancedMake layout as fast as 5G: CSS Grid grid layout

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

162966
Collection
ElementaryBootstrap3 reference manual

3339
Collection
ElementaryFoundation5 Manual

903
Collection
ElementaryJavaScript Reference Manual

9456
Collection
ElementaryjQuery1.11 Reference Manual

9118
Collection
ElementaryjQuery1.7 Chinese manual

5733
Collection
ElementaryjQuery_API_1.4.4 Manual

4225
Collection

Start Learning

This course includes：

08 hours 09 minutes 15 seconds Watch videos anytime

1 Download Resources

Popular courses Latest courses

More>