Learn about Vuejs course introduction

Understand the knowledge and features of Vuejs

Master the installation method of vuejs

Master the first experience of HelloVuejs

Master the display of Vue lists

Master small case counter

Understanding Vue’s mvvm

Understand Vue’s options

Understand what is the life cycle of Vue

Understand what the life cycle functions of Vue are

Understand the template that defines vue

Master the interpolation operation mustache syntax

Master the interpolation operation and use other instructions

Master the basic use of v bind

Master the v bind dynamic binding class object syntax

Understand v bind dynamic binding class array syntax

Complete the assignment of combining v bind and v for

Master v bind dynamic binding style object syntax

Understand v bind dynamic binding style array syntax

Master the basic use of computed properties

Master the complex operations of computed properties

Learn about class review

Understanding computed property setters and getters

Master the comparison between computed properties and methods

Master block-level scope let and var

Understand the comparison of three solutions: ES5 does not have closures, has closures, and ES6’s let

Master the use and precautions of const

Master the enhanced writing method of ES6 object literals

Master the parameter passing problem of v on

Master the use of modifiers of v on

Master the use of v if and v else if and v else

A small case of mastering login switching

Understand the input reuse problem of login switching

Master the use of v show and the difference with v if

Master v for to traverse arrays and objects

Understand the difference between v for bound and unbound keys

Master the use of axios interceptors

Understand which methods in arrays are reactive

Review and implementation of mastery assignments

Master the shopping cart case interface construction

Master the use of shopping cart filters

Master the shopping cart case and change the purchase quantity

Master Shopping Cart Case Remove Button Final Price

Master the use of JavaScript higher-order functions

Master the use and principles of v model

Master the use of v model combined with radio types

Master the use of v model combined with checkbox type

Master the use of v model combined with select type

Master value binding in input

Master the use of v model modifiers

Master the implementation and usage steps of componentization

Master the basic usage process of componentization

Master global components and local components

Understand the distinction between parent components and child components

Master the syntactic sugar writing method of registered components

Master the writing method of component template extraction

Understand why component data must be a function

Master the communication between parent and child components and pass props from parent to child

Master the parent-child component communication props camel case identification

Master the communication between parent and child components and pass custom events from child to parent

Learn about project demos

Understand knowledge review

Master the communication between parent and child components and combine two-way binding cases

Master the combination of two-way binding cases and drawing analysis

Understand watch implementation combined with two-way binding case

Mastering parent access to children refs

Understanding child access to parent parent root

Master the basic use of slot slots

Master the use of slot named slots

Understand the concept of compilation scope

Understand the problems caused by complex front-end code

Understand the prototype of front-end modularization and CommonJS

Master the import and export of ES modularity

Understand the introduction and installation of webpack

Master the basic usage process of webpack

Master webpack config js configuration and package json configuration

Master the configuration of using css files in webpack

Master the processing of webpack less files

Master the processing of webpack image files

Master webpack ES6 to ES5 babel

Master the configuration process of webpack using Vue

Master the relationship between template and el when creating Vue

Master the use of webpack banner plugin

Master the use of webpack HtmlWebpackPlugin

Master the use of webpack UglifyjsWebpackPlugin

Master webpack dev server to build a local server

Master the separation of webpack configuration files

Understand the introduction and installation of vuecli scaffolding

Master the vuecli CLI2 initialization project process

Understand the directory structure analysis of vuecli CLI2

Understand knowledge review

Master installation CLI errors and ESLint specifications

Understand the difference between runtime compiler and runtime only

Master VueCLI3 to create project and directory structure

Master the use of arrow functions and this pointing

Understand what routing is and the mapping relationship therein

Understand front-end rendering, back-end rendering and front-end routing and back-end routing

Master the hash of url and the history of HTML5

Master the installation and configuration methods of vue router

Master route map configuration and rendering

Master the default value of routing and modify it to history mode

Master other additional attributes of router link

Master jump routing through code

Master the use of vue router dynamic routing

Master the parsing of vue router packaging files

Master the use of lazy loading of vue router routes

Master the nested use of vue router routing

Master vue router parameter passing 1

Master vue router parameter passing 2

Understand the origin of vue router router and route

Master vue router global navigation guard

Understand the supplement of vue router navigation guard

Master vue router keep alive and other issues

Master the introduction of vue router keep alive attribute

Master the construction of the basic structure of tabbar

Master tabbar TabBar and TabBarItem component encapsulation

Master tabbar and pass active image to TabBarItem

Master the effect of combining tabbar TabBarItem and routing

Master the dynamic control of tabbar TabBarItem color

Understand knowledge review

Master the reference problem of tabbar file path

Master the introduction and basic use of Promise Promise

Master the three states of Promise and other processing methods of Promise

Master Promise Promise chain calls

Master the use of all methods of Promise Promise

Master vuex Vuex concept and function analysis

Master vuex single interface to multi-interface status management switching

Master vuex devtools and mutations

Master the understanding of vuex state single state tree

Master the detailed explanation of the use of vuex getters

Master the parameters carried by vuex mutations

Master the submission style of vuex mutations

Master the responsiveness principle of vuex data

Master the type constants of vuex mutations

Master the detailed explanation of the use of vuex actions

Master the detailed explanation of the use of vuex modules

Master the directory organization of the vuex store folder

Understanding network request module selection axios

Master the basic use of axios framework

Master axios sending concurrent requests

Master the configuration information of axios

Master the examples and module encapsulation of axios

Master the use of axios interceptors

Master Project Development Project Creation and GitHub Hosting

Master the introduction of css files in project development

Master project development vue config and editorconfig

Master project development, tabbar introduction and project module division

Understand project development, modification of small icons and path issues

Master homepage development, encapsulation and use of homepage navigation bar

Master homepage development and request multiple data for homepage

Master the development of home page and the display of carousel images

Master homepage development and display of recommended information

Understand knowledge review

Master the encapsulation of FeatureView in homepage development

Master the encapsulation of TabControl in homepage development

Master the data structure design of homepage development and product storage

Master home page development and request and save home page data

Master homepage development and display of homepage product data

Master homepage development and switch products with TabControl click

Master the installation and use of Better Scroll

Master the basic usage analysis of Better scroll

Master the process of using Better Scroll in Vue projects

Master the encapsulation and use of BScroll in homepage development

Master the encapsulation and use of BackTop components in homepage development

Master the display and hiding of BackTop in homepage development

Master homepage development and complete pull-up to load more

Master the review of yesterday’s content

Master homepage development and bug analysis and resolution in scrolling area

Master the bug handling that cannot be found in the refresh function

Master the anti-shake function processing that refreshes frequently

Master pull-up loading for more completions

Mastering the ceiling effect of TabControl is completed

Master Home to record status and location when leaving

Master the ability to jump to the details page and carry iid

Master the encapsulation of the details page navigation bar

Master the details page, data request and carousel display

Master the display of basic product information on the details page

Master the analysis and display of store information on the details page

Master the details page and add the scrolling effect Scroll

Master the details page Product details data display

Master the display of product parameter information on the details page

Get to know the content review

Master the details page Jump to the details page from the home page

Master the details page and maintain the home page position

Master the implementation of details page navigation bar

Understanding the bugs in Better Scroll’s scrollto function

Master the details page. Request based on iid details page data

Master the display of the carousel at the top of the details page

Master the basic information display of the product on the details page

Master the details page, scrolling problem handling and TabBar hiding

Master the details page Store information display on the details page

Master the details page Product picture information display on the detail page