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.
58631
person learning
55
class hour
2023-07-26
update time
08 Hours09 minutes15 seconds
Total course duration
认证高级PHP讲师
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
Section1 Get to know the new version of VUE3 Family Bucket
10 minutes49 seconds
Section2 The two cores of VUE-responsive and component-based development
06 minutes40 seconds
Section3 VUE data two-way binding
09 minutes17 seconds
Section4 VUE event operations
06 minutes22 seconds
Section5 Command to interactively install vue-cli scaffolding
09 minutes34 seconds
Section6 Running and packaging of VUE projects
10 minutes35 seconds
Section7 mount function component mounting principle
12 minutes24 seconds
Section8 Data two-way binding and vue.config.js file configuration
08 minutes28 seconds
Section9 VUE instance parameters and MVVM mode
07 minutes43 seconds
Section10 VUE template interpolation operation
02 minutes41 seconds
Section11 Use of VUE template directives
04 minutes04 seconds
Section12 VUE virtual DOM and diff algorithm
10 minutes42 seconds
Chapter1 Vue3-MVVM pattern and component development
Section1 Yesterday’s lesson notes
06 minutes36 seconds
Section2 The v-bind directive implements dynamic binding of element attributes
06 minutes10 seconds
Section3 Detailed explanation of v-bind binding style attribute
16 minutes36 seconds
Section4 v-bind binds class attributes to implement dynamic styles
11 minutes36 seconds
Section5 VUE computed handles computed properties
15 minutes15 seconds
Section6 VUE event monitoring
09 minutes17 seconds
Section7 v-on event modifier
06 minutes55 seconds
Section8 VUE conditional branch instructions
06 minutes29 seconds
Section9 VUE loop traversal instruction v-for
13 minutes00 seconds
Section10 v-model form data two-way binding-real-time calculation of total shopping cart price
14 minutes27 seconds
Chapter2 Vue’s template directives and event monitoring
Section1 VUE component development
15 minutes44 seconds
Section2 Creation and registration of VUE components
13 minutes20 seconds
Section3 VUE scoped attributes realize the independence of component styles
08 minutes26 seconds
Section4 Use lang=scss in VUE
04 minutes21 seconds
Section5 Parent component passes data to child component
13 minutes54 seconds
Section6 $emit enables child components to communicate with parent components
12 minutes35 seconds
Section7 Slot extracts the commonality of components to achieve component expansion
07 minutes45 seconds
Section8 Upgrade of named slots and scoped slots--the use of v-slot
10 minutes57 seconds
Chapter3 Vue component communication and named slots
Section1 Responsibilities of each component life cycle
08 minutes22 seconds
Section2 Triggering of component life cycle hook functions
11 minutes31 seconds
Section3 Component life cycle--creation and destruction of instances
11 minutes20 seconds
Section4 Element-UI-ElementPlus component library document introduction
10 minutes16 seconds
Section5 ElementPlus components are referenced globally in main.js
08 minutes53 seconds
Section6 Secondary development of ElementPlus tab component
07 minutes57 seconds
Section7 Installation and activation of Vue Router
07 minutes38 seconds
Section8 Create page route
13 minutes19 seconds
Section9 The router-link component implements routing navigation
07 minutes05 seconds
Section10 Use global variable $route to implement route jump
07 minutes19 seconds
Section11 Route jump--Parameter passing and receiving
06 minutes13 seconds
Chapter4 Component life cycle and Element-plus component library
Section1 Start routing process sorting
10 minutes01 seconds
Section2 Vue implements routing loading on demand (lazy loading of routes)
08 minutes13 seconds
Section3 Vue-route sub-routing (nested routing)
15 minutes49 seconds
Section4 Passing and receiving sub-routing parameters
05 minutes33 seconds
Section5 Route redirection and alias settings
13 minutes59 seconds
Section6 VUEX state warehouse management
11 minutes35 seconds
Section7 Use of VUEX getters computed properties
10 minutes43 seconds
Section8 Vuex state management--the use of Mutation
10 minutes11 seconds
Section9 Vuex state management--Action asynchronous operation
05 minutes18 seconds
Section10 Vuex Module--State warehouse segmentation
05 minutes18 seconds
Chapter5 Vue routing nesting and Vuex state management
Data Name
Vue 2.0 basic introductory tutorial
Download
PHP中文网 Lecturer Other Courses
![The front-end course that understands you best: HTML5/CSS3/ES6/NPM/Vue/...[Original]](https://img.php.cn/upload/course/000/000/068/632ae26b9b376240.png)
Popular courses
JAVA Beginner's Video Tutorial
753 class hour
2982584
Little Turtle's zero-based introduction to learning Python video tutorial
60 class hour
546706
Quick introduction to web front-end development
8 class hour
220793
Master PS video tutorials from scratch
268 class hour
1003310
Latest courses
![[Web front-end] Node.js quick start](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
[Web front-end] Node.js quick start
16 class hour
16696
Complete collection of foreign web development full-stack courses
12 class hour
13481
Go language practical GraphQL
10 class hour
11117
550W fan master learns JavaScript from scratch step by step
1 class hour
1264
