Vue.js 2.0 from entry to practice
- Chapter1 Introduction to Vue.js
- 1-1 Learn about Vuejs course introduction
- 1-2 Understand the knowledge and features of Vuejs
- Chapter2 First experience with Vue.js
- 2-1 Master the installation method of vuejs
- 2-2 Master the first experience of HelloVuejs
- 2-3 Master the display of Vue lists
- 2-4 Master small case counter
- 2-5 Understanding Vue’s mvvm
- 2-6 Understand Vue’s options
- Chapter3 Vue life cycle
- 3-1 Understand what is the life cycle of Vue
- 3-2 Understand what the life cycle functions of Vue are
- 3-3 Understand the template that defines vue
- Chapter4 Master interpolation operations
- 4-1 Master the interpolation operation mustache syntax
- 4-2 Master the interpolation operation and use other instructions
- Chapter5 Master the use of v bind
- 5-1 Master the basic use of v bind
- 5-2 Master the v bind dynamic binding class object syntax
- 5-3 Understand v bind dynamic binding class array syntax
- 5-4 Complete the assignment of combining v bind and v for
- 5-5 Master v bind dynamic binding style object syntax
- 5-6 Understand v bind dynamic binding style array syntax
- Chapter6 Master computer properties and block-level scoping
- 6-1 Master the basic use of computed properties
- 6-2 Master the complex operations of computed properties
- 6-3 Learn about class review
- 6-4 Understanding computed property setters and getters
- 6-5 Master the comparison between computed properties and methods
- 6-6 Master block-level scope let and var
- 6-7 Understand the comparison of three solutions: ES5 does not have closures, has closures, and ES6’s let
- Chapter7 Basic grammar usage
- 7-1 Master the use and precautions of const
- 7-2 Master the enhanced writing method of ES6 object literals
- 7-3 Master the parameter passing problem of v on
- 7-4 Master the use of modifiers of v on
- 7-5 Master the use of v if and v else if and v else
- 7-6 A small case of mastering login switching
- 7-7 Understand the input reuse problem of login switching
- 7-8 Master the use of v show and the difference with v if
- 7-9 Master v for to traverse arrays and objects
- 7-10 Understand the difference between v for bound and unbound keys
- 7-11 Master the use of axios interceptors
- Chapter8 Shopping cart case
- 8-1 Understand which methods in arrays are reactive
- 8-2 Review and implementation of mastery assignments
- 8-3 Master the shopping cart case interface construction
- 8-4 Master the use of shopping cart filters
- 8-5 Master the shopping cart case and change the purchase quantity
- 8-6 Master Shopping Cart Case Remove Button Final Price
- Chapter9 Master the use of v mode
- 9-1 Master the use of JavaScript higher-order functions
- 9-2 Master the use and principles of v model
- 9-3 Master the use of v model combined with radio types
- 9-4 Master the use of v model combined with checkbox type
- 9-5 Master the use of v model combined with select type
- 9-6 Master value binding in input
- 9-7 Master the use of v model modifiers
- Chapter10 Componentization and parent-child component communication
- 10-1 Master the implementation and usage steps of componentization
- 10-2 Master the basic usage process of componentization
- 10-3 Master global components and local components
- 10-4 Understand the distinction between parent components and child components
- 10-5 Master the syntactic sugar writing method of registered components
- 10-6 Master the writing method of component template extraction
- 10-7 Understand why component data must be a function
- 10-8 Master the communication between parent and child components and pass props from parent to child
- 10-9 Master the parent-child component communication props camel case identification
- 10-10 Master the communication between parent and child components and pass custom events from child to parent
- 10-11 Learn about project demos
- 10-12 Understand knowledge review
- 10-13 Master the communication between parent and child components and combine two-way binding cases
- 10-14 Master the combination of two-way binding cases and drawing analysis
- 10-15 Understand watch implementation combined with two-way binding case
- 10-16 Mastering parent access to children refs
- 10-17 Understanding child access to parent parent root
- Chapter11 Summary of knowledge points
- 11-1 Master the basic use of slot slots
- 11-2 Master the use of slot named slots
- 11-3 Understand the concept of compilation scope
- 11-4 Understand the problems caused by complex front-end code
- 11-5 Understand the prototype of front-end modularization and CommonJS
- 11-6 Master the import and export of ES modularity
- Chapter12 webpack
- 12-1 Understand the introduction and installation of webpack
- 12-2 Master the basic usage process of webpack
- 12-3 Master webpack config js configuration and package json configuration
- 12-4 Master the configuration of using css files in webpack
- 12-5 Master the processing of webpack less files
- 12-6 Master the processing of webpack image files
- 12-7 Master webpack ES6 to ES5 babel
- 12-8 Master the configuration process of webpack using Vue
- 12-9 Master the relationship between template and el when creating Vue
- 12-10 Master the use of webpack banner plugin
- 12-11 Master the use of webpack HtmlWebpackPlugin
- 12-12 Master the use of webpack UglifyjsWebpackPlugin
- 12-13 Master webpack dev server to build a local server
- 12-14 Master the separation of webpack configuration files
- Chapter13 vuecli
- 13-1 Understand the introduction and installation of vuecli scaffolding
- 13-2 Master the vuecli CLI2 initialization project process
- 13-3 Understand the directory structure analysis of vuecli CLI2
- 13-4 Understand knowledge review
- 13-5 Master installation CLI errors and ESLint specifications
- 13-6 Understand the difference between runtime compiler and runtime only
- 13-7 Master VueCLI3 to create project and directory structure
- 13-8 Master the use of arrow functions and this pointing
- 13-9 Understand what routing is and the mapping relationship therein
- 13-10 Understand front-end rendering, back-end rendering and front-end routing and back-end routing
- 13-11 Master the hash of url and the history of HTML5
- Chapter14 Master vue router
- 14-1 Master the installation and configuration methods of vue router
- 14-2 Master route map configuration and rendering
- 14-3 Master the default value of routing and modify it to history mode
- 14-4 Master other additional attributes of router link
- 14-5 Master jump routing through code
- 14-6 Master the use of vue router dynamic routing
- 14-7 Master the parsing of vue router packaging files
- 14-8 Master the use of lazy loading of vue router routes
- 14-9 Master the nested use of vue router routing
- 14-10 Master vue router parameter passing 1
- 14-11 Master vue router parameter passing 2
- 14-12 Understand the origin of vue router router and route
- 14-13 Master vue router global navigation guard
- 14-14 Understand the supplement of vue router navigation guard
- 14-15 Master vue router keep alive and other issues
- 14-16 Master the introduction of vue router keep alive attribute
- Chapter15 Master tabbar
- 15-1 Master the construction of the basic structure of tabbar
- 15-2 Master tabbar TabBar and TabBarItem component encapsulation
- 15-3 Master tabbar and pass active image to TabBarItem
- 15-4 Master the effect of combining tabbar TabBarItem and routing
- 15-5 Master the dynamic control of tabbar TabBarItem color
- 15-6 Understand knowledge review
- 15-7 Master the reference problem of tabbar file path
- Chapter16 Master Promise and vuex
- 16-1 Master the introduction and basic use of Promise Promise
- 16-2 Master the three states of Promise and other processing methods of Promise
- 16-3 Master Promise Promise chain calls
- 16-4 Master the use of all methods of Promise Promise
- 16-5 Master vuex Vuex concept and function analysis
- 16-6 Master vuex single interface to multi-interface status management switching
- 16-7 Master vuex devtools and mutations
- 16-8 Master the understanding of vuex state single state tree
- 16-9 Master the detailed explanation of the use of vuex getters
- 16-10 Master the parameters carried by vuex mutations
- 16-11 Master the submission style of vuex mutations
- 16-12 Master the responsiveness principle of vuex data
- 16-13 Master the type constants of vuex mutations
- 16-14 Master the detailed explanation of the use of vuex actions
- 16-15 Master the detailed explanation of the use of vuex modules
- 16-16 Master the directory organization of the vuex store folder
- Chapter17 master axios
- 17-1 Understanding network request module selection axios
- 17-2 Master the basic use of axios framework
- 17-3 Master axios sending concurrent requests
- 17-4 Master the configuration information of axios
- 17-5 Master the examples and module encapsulation of axios
- 17-6 Master the use of axios interceptors
- Chapter18 Practical project development-1
- 18-1 Master Project Development Project Creation and GitHub Hosting
- 18-2 Master the introduction of css files in project development
- 18-3 Master project development vue config and editorconfig
- 18-4 Master project development, tabbar introduction and project module division
- 18-5 Understand project development, modification of small icons and path issues
- 18-6 Master homepage development, encapsulation and use of homepage navigation bar
- 18-7 Master homepage development and request multiple data for homepage
- 18-8 Master the development of home page and the display of carousel images
- 18-9 Master homepage development and display of recommended information
- 18-10 Understand knowledge review
- 18-11 Master the encapsulation of FeatureView in homepage development
- 18-12 Master the encapsulation of TabControl in homepage development
- 18-13 Master the data structure design of homepage development and product storage
- 18-14 Master home page development and request and save home page data
- 18-15 Master homepage development and display of homepage product data
- 18-16 Master homepage development and switch products with TabControl click
- 18-17 Master the installation and use of Better Scroll
- 18-18 Master the basic usage analysis of Better scroll
- 18-19 Master the process of using Better Scroll in Vue projects
- 18-20 Master the encapsulation and use of BScroll in homepage development
- Chapter19 Practical project development-2
- 19-1 Master the encapsulation and use of BackTop components in homepage development
- 19-2 Master the display and hiding of BackTop in homepage development
- 19-3 Master homepage development and complete pull-up to load more
- 19-4 Master the review of yesterday’s content
- 19-5 Master homepage development and bug analysis and resolution in scrolling area
- 19-6 Master the bug handling that cannot be found in the refresh function
- 19-7 Master the anti-shake function processing that refreshes frequently
- 19-8 Master pull-up loading for more completions
- 19-9 Mastering the ceiling effect of TabControl is completed
- 19-10 Master Home to record status and location when leaving
- 19-11 Master the ability to jump to the details page and carry iid
- 19-12 Master the encapsulation of the details page navigation bar
- 19-13 Master the details page, data request and carousel display
- 19-14 Master the display of basic product information on the details page
- 19-15 Master the analysis and display of store information on the details page
- 19-16 Master the details page and add the scrolling effect Scroll
- 19-17 Master the details page Product details data display
- 19-18 Master the display of product parameter information on the details page
- 19-19 Get to know the content review
- 19-20 Master the details page Jump to the details page from the home page
- 19-21 Master the details page and maintain the home page position
- 19-22 Master the implementation of details page navigation bar
- 19-23 Understanding the bugs in Better Scroll’s scrollto function
- 19-24 Master the details page. Request based on iid details page data
- 19-25 Master the display of the carousel at the top of the details page
- 19-26 Master the basic information display of the product on the details page
- 19-27 Master the details page, scrolling problem handling and TabBar hiding
- 19-28 Master the details page Store information display on the details page
- 19-29 Master the details page Product picture information display on the detail page
![Front-end Vue3 actual combat [handwritten vue project]](https://img.php.cn/upload/course/000/000/068/639b12e98e0b5441.png)
![APIPOST tutorial [Popularization of technical concepts related to network communication]](https://img.php.cn/upload/course/000/000/068/63996f34c6c94370.png)
