Get to know the new version of VUE3 Family Bucket
10 minutes49 secondsThe two cores of VUE-responsive and component-based development
06 minutes40 secondsVUE data two-way binding
09 minutes17 secondsVUE event operations
06 minutes22 secondsCommand to interactively install vue-cli scaffolding
09 minutes34 secondsRunning and packaging of VUE projects
10 minutes35 secondsmount function component mounting principle
12 minutes24 secondsData two-way binding and vue.config.js file configuration
08 minutes28 secondsVUE instance parameters and MVVM mode
07 minutes43 secondsVUE template interpolation operation
02 minutes41 secondsUse of VUE template directives
04 minutes04 secondsVUE virtual DOM and diff algorithm
10 minutes42 secondsYesterday’s lesson notes
06 minutes36 secondsThe v-bind directive implements dynamic binding of element attributes
06 minutes10 secondsDetailed explanation of v-bind binding style attribute
16 minutes36 secondsv-bind binds class attributes to implement dynamic styles
11 minutes36 secondsVUE computed handles computed properties
15 minutes15 secondsVUE event monitoring
09 minutes17 secondsv-on event modifier
06 minutes55 secondsVUE conditional branch instructions
06 minutes29 secondsVUE loop traversal instruction v-for
13 minutes00 secondsv-model form data two-way binding-real-time calculation of total shopping cart price
14 minutes27 secondsVUE component development
15 minutes44 secondsCreation and registration of VUE components
13 minutes20 secondsVUE scoped attributes realize the independence of component styles
08 minutes26 secondsUse lang=scss in VUE
04 minutes21 secondsParent component passes data to child component
13 minutes54 seconds$emit enables child components to communicate with parent components
12 minutes35 secondsSlot extracts the commonality of components to achieve component expansion
07 minutes45 secondsUpgrade of named slots and scoped slots--the use of v-slot
10 minutes57 secondsResponsibilities of each component life cycle
08 minutes22 secondsTriggering of component life cycle hook functions
11 minutes31 secondsComponent life cycle--creation and destruction of instances
11 minutes20 secondsElement-UI-ElementPlus component library document introduction
10 minutes16 secondsElementPlus components are referenced globally in main.js
08 minutes53 secondsSecondary development of ElementPlus tab component
07 minutes57 secondsInstallation and activation of Vue Router
07 minutes38 secondsCreate page route
13 minutes19 secondsThe router-link component implements routing navigation
07 minutes05 secondsUse global variable $route to implement route jump
07 minutes19 secondsRoute jump--Parameter passing and receiving
06 minutes13 secondsStart routing process sorting
10 minutes01 secondsVue implements routing loading on demand (lazy loading of routes)
08 minutes13 secondsVue-route sub-routing (nested routing)
15 minutes49 secondsPassing and receiving sub-routing parameters
05 minutes33 secondsRoute redirection and alias settings
13 minutes59 secondsVUEX state warehouse management
11 minutes35 secondsUse of VUEX getters computed properties
10 minutes43 secondsVuex state management--the use of Mutation
10 minutes11 secondsVuex state management--Action asynchronous operation
05 minutes18 secondsVuex Module--State warehouse segmentation
05 minutes18 seconds