Next Section: 掌握const的使用和注意点545 plays

5秒后自动播放下一节
Watch Again

Vue.js 2.0 from entry to practice

Introduction >
Chapter Courseware
Chapter1Introduction to Vue.js

Learn about Vuejs course introduction

15 minutes55 seconds

Understand the knowledge and features of Vuejs

24 minutes00 seconds
Chapter2First experience with Vue.js

Master the installation method of vuejs

11 minutes07 seconds

Master the first experience of HelloVuejs

21 minutes28 seconds

Master the display of Vue lists

11 minutes37 seconds

Master small case counter

16 minutes19 seconds

Understanding Vue’s mvvm

11 minutes40 seconds

Understand Vue’s options

07 minutes18 seconds
Chapter3Vue life cycle

Understand what is the life cycle of Vue

17 minutes43 seconds

Understand what the life cycle functions of Vue are

09 minutes59 seconds

Understand the template that defines vue

10 minutes16 seconds
Chapter4Master interpolation operations

Master the interpolation operation mustache syntax

08 minutes08 seconds

Master the interpolation operation and use other instructions

21 minutes54 seconds
Chapter5Master the use of v bind

Master the basic use of v bind

13 minutes33 seconds

Master the v bind dynamic binding class object syntax

13 minutes09 seconds

Understand v bind dynamic binding class array syntax

07 minutes38 seconds

Complete the assignment of combining v bind and v for

05 minutes29 seconds

Master v bind dynamic binding style object syntax

19 minutes40 seconds

Understand v bind dynamic binding style array syntax

02 minutes57 seconds
Chapter6Master computer properties and block-level scoping

Master the basic use of computed properties

10 minutes12 seconds

Master the complex operations of computed properties

08 minutes31 seconds

Learn about class review

14 minutes37 seconds

Understanding computed property setters and getters

16 minutes01 seconds

Master the comparison between computed properties and methods

09 minutes53 seconds

Master block-level scope let and var

37 minutes53 seconds

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

14 minutes00 seconds
Chapter7Basic grammar usage

Master the use and precautions of const

15 minutes04 seconds

Master the enhanced writing method of ES6 object literals

17 minutes31 seconds

Master the parameter passing problem of v on

17 minutes55 seconds

Master the use of modifiers of v on

12 minutes33 seconds

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

12 minutes00 seconds

A small case of mastering login switching

07 minutes02 seconds

Understand the input reuse problem of login switching

12 minutes12 seconds

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

07 minutes54 seconds

Master v for to traverse arrays and objects

11 minutes11 seconds

Understand the difference between v for bound and unbound keys

16 minutes55 seconds

Master the use of axios interceptors

27 minutes39 seconds
Chapter8Shopping cart case

Understand which methods in arrays are reactive

30 minutes15 seconds

Review and implementation of mastery assignments

10 minutes41 seconds

Master the shopping cart case interface construction

13 minutes17 seconds

Master the use of shopping cart filters

05 minutes32 seconds

Master the shopping cart case and change the purchase quantity

08 minutes43 seconds

Master Shopping Cart Case Remove Button Final Price

06 minutes24 seconds
Chapter9Master the use of v mode

Master the use of JavaScript higher-order functions

49 minutes59 seconds

Master the use and principles of v model

16 minutes32 seconds

Master the use of v model combined with radio types

08 minutes50 seconds

Master the use of v model combined with checkbox type

09 minutes38 seconds

Master the use of v model combined with select type

07 minutes19 seconds

Master value binding in input

07 minutes52 seconds

Master the use of v model modifiers

10 minutes19 seconds
Chapter10Componentization and parent-child component communication

Master the implementation and usage steps of componentization

15 minutes58 seconds

Master the basic usage process of componentization

11 minutes31 seconds

Master global components and local components

10 minutes55 seconds

Understand the distinction between parent components and child components

12 minutes37 seconds

Master the syntactic sugar writing method of registered components

10 minutes38 seconds

Master the writing method of component template extraction

07 minutes37 seconds

Understand why component data must be a function

28 minutes57 seconds

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

37 minutes35 seconds

Master the parent-child component communication props camel case identification

10 minutes28 seconds

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

22 minutes15 seconds

Learn about project demos

11 minutes32 seconds

Understand knowledge review

16 minutes56 seconds

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

32 minutes06 seconds

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

12 minutes46 seconds

Understand watch implementation combined with two-way binding case

04 minutes56 seconds

Mastering parent access to children refs

17 minutes52 seconds

Understanding child access to parent parent root

10 minutes56 seconds
Chapter11Summary of knowledge points

Master the basic use of slot slots

17 minutes52 seconds

Master the use of slot named slots

07 minutes12 seconds

Understand the concept of compilation scope

09 minutes17 seconds

Understand the problems caused by complex front-end code

16 minutes00 seconds

Understand the prototype of front-end modularization and CommonJS

22 minutes20 seconds

Master the import and export of ES modularity

32 minutes24 seconds
Chapter12webpack

Understand the introduction and installation of webpack

24 minutes41 seconds

Master the basic usage process of webpack

18 minutes53 seconds

Master webpack config js configuration and package json configuration

28 minutes14 seconds

Master the configuration of using css files in webpack

24 minutes11 seconds

Master the processing of webpack less files

20 minutes47 seconds

Master the processing of webpack image files

38 minutes34 seconds

Master webpack ES6 to ES5 babel

14 minutes11 seconds

Master the configuration process of webpack using Vue

22 minutes14 seconds

Master the relationship between template and el when creating Vue

09 minutes15 seconds

Master the use of webpack banner plugin

12 minutes53 seconds

Master the use of webpack HtmlWebpackPlugin

12 minutes33 seconds

Master the use of webpack UglifyjsWebpackPlugin

06 minutes13 seconds

Master webpack dev server to build a local server

17 minutes13 seconds

Master the separation of webpack configuration files

16 minutes50 seconds
Chapter13vuecli

Understand the introduction and installation of vuecli scaffolding

23 minutes52 seconds

Master the vuecli CLI2 initialization project process

25 minutes37 seconds

Understand the directory structure analysis of vuecli CLI2

40 minutes14 seconds

Understand knowledge review

10 minutes15 seconds

Master installation CLI errors and ESLint specifications

29 minutes34 seconds

Understand the difference between runtime compiler and runtime only

32 minutes42 seconds

Master VueCLI3 to create project and directory structure

42 minutes07 seconds

Master the use of arrow functions and this pointing

21 minutes55 seconds

Understand what routing is and the mapping relationship therein

17 minutes53 seconds

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

48 minutes17 seconds

Master the hash of url and the history of HTML5

23 minutes03 seconds
Chapter14Master vue router

Master the installation and configuration methods of vue router

11 minutes11 seconds

Master route map configuration and rendering

12 minutes48 seconds

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

09 minutes37 seconds

Master other additional attributes of router link

09 minutes40 seconds

Master jump routing through code

06 minutes43 seconds

Master the use of vue router dynamic routing

26 minutes39 seconds

Master the parsing of vue router packaging files

20 minutes13 seconds

Master the use of lazy loading of vue router routes

13 minutes54 seconds

Master the nested use of vue router routing

15 minutes47 seconds

Master vue router parameter passing 1

23 minutes31 seconds

Master vue router parameter passing 2

04 minutes43 seconds

Understand the origin of vue router router and route

25 minutes37 seconds

Master vue router global navigation guard

16 minutes45 seconds

Understand the supplement of vue router navigation guard

14 minutes49 seconds

Master vue router keep alive and other issues

30 minutes23 seconds

Master the introduction of vue router keep alive attribute

07 minutes10 seconds
Chapter15Master tabbar

Master the construction of the basic structure of tabbar

25 minutes15 seconds

Master tabbar TabBar and TabBarItem component encapsulation

24 minutes38 seconds

Master tabbar and pass active image to TabBarItem

11 minutes14 seconds

Master the effect of combining tabbar TabBarItem and routing

15 minutes43 seconds

Master the dynamic control of tabbar TabBarItem color

15 minutes11 seconds

Understand knowledge review

12 minutes01 seconds

Master the reference problem of tabbar file path

16 minutes38 seconds
Chapter16Master Promise and vuex

Master the introduction and basic use of Promise Promise

40 minutes44 seconds

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

10 minutes13 seconds

Master Promise Promise chain calls

19 minutes52 seconds

Master the use of all methods of Promise Promise

13 minutes09 seconds

Master vuex Vuex concept and function analysis

21 minutes17 seconds

Master vuex single interface to multi-interface status management switching

30 minutes34 seconds

Master vuex devtools and mutations

13 minutes12 seconds

Master the understanding of vuex state single state tree

12 minutes35 seconds

Master the detailed explanation of the use of vuex getters

21 minutes27 seconds

Master the parameters carried by vuex mutations

10 minutes48 seconds

Master the submission style of vuex mutations

06 minutes02 seconds

Master the responsiveness principle of vuex data

21 minutes59 seconds

Master the type constants of vuex mutations

08 minutes36 seconds

Master the detailed explanation of the use of vuex actions

24 minutes25 seconds

Master the detailed explanation of the use of vuex modules

19 minutes58 seconds

Master the directory organization of the vuex store folder

10 minutes55 seconds
Chapter17master axios

Understanding network request module selection axios

12 minutes55 seconds

Master the basic use of axios framework

22 minutes23 seconds

Master axios sending concurrent requests

14 minutes00 seconds

Master the configuration information of axios

09 minutes16 seconds

Master the examples and module encapsulation of axios

40 minutes14 seconds

Master the use of axios interceptors

27 minutes39 seconds
Chapter18Practical project development-1

Master Project Development Project Creation and GitHub Hosting

22 minutes23 seconds

Master the introduction of css files in project development

11 minutes14 seconds

Master project development vue config and editorconfig

10 minutes55 seconds

Master project development, tabbar introduction and project module division

15 minutes32 seconds

Understand project development, modification of small icons and path issues

05 minutes10 seconds

Master homepage development, encapsulation and use of homepage navigation bar

18 minutes20 seconds

Master homepage development and request multiple data for homepage

27 minutes50 seconds

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

19 minutes46 seconds

Master homepage development and display of recommended information

11 minutes19 seconds

Understand knowledge review

10 minutes01 seconds

Master the encapsulation of FeatureView in homepage development

14 minutes03 seconds

Master the encapsulation of TabControl in homepage development

24 minutes04 seconds

Master the data structure design of homepage development and product storage

14 minutes51 seconds

Master home page development and request and save home page data

24 minutes43 seconds

Master homepage development and display of homepage product data

27 minutes08 seconds

Master homepage development and switch products with TabControl click

09 minutes34 seconds

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

Chapter19Practical project development-2

Master the encapsulation and use of BackTop components in homepage development

22 minutes54 seconds

Master the display and hiding of BackTop in homepage development

24 minutes18 seconds

Master homepage development and complete pull-up to load more

Master the review of yesterday’s content

36 minutes52 seconds

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

30 minutes42 seconds

Master pull-up loading for more completions

Mastering the ceiling effect of TabControl is completed

34 minutes58 seconds

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

09 minutes47 seconds

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

14 minutes59 seconds

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

34 minutes34 seconds

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

  • CancelreplySending
  • Cancelpost a noteSending