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