Vue.js 2.0 from entry to practice-Free online video tutorial-php.cn

Community Learn Tools Library Leisure

English

Vue.js 2.0 from entry to practice

Vue.js is a very popular front-end development framework that adopts a progressive bottom-up development model and uses the mainstream MVVM design framework. This course is based on the core concepts and common technologies of Vue.js development, allowing you to understand and master the core knowledge of the Vue.js framework in the shortest possible time, laying a good foundation for further study.

Elementary

vue

128915 person learning

192class hour

02 days 00 hours 45 minutes 25 secondsTotal course duration

2023-02-23update

王林

Gold lecturer

A total of 180 courses Student180310 Lecturer rating5.9

有朋自远方来，虽远必诛！More>>

Course Introduction Course Outline Other Courses

You will learn：

Vue.js is a very popular front-end development framework that adopts a progressive bottom-up development model and uses the mainstream MVVM design framework. This course is based on the core concepts and common technologies of Vue.js development, allowing you to understand and master the core knowledge of the Vue.js framework in the shortest possible time, laying a good foundation for further study.

Vue.js 2.0 from entry to practice

Chapter1 Introduction to Vue.js
expand retract

Section1 Learn about Vuejs course introduction
duration： 15 minutes 55 seconds

Section2 Understand the knowledge and features of Vuejs
duration： 24 minutes 00 seconds
Chapter2 First experience with Vue.js
expand retract

Section1 Master the installation method of vuejs
duration： 11 minutes 07 seconds

Section2 Master the first experience of HelloVuejs
duration： 21 minutes 28 seconds

Section3 Master the display of Vue lists
duration： 11 minutes 37 seconds

Section4 Master small case counter
duration： 16 minutes 19 seconds

Section5 Understanding Vue’s mvvm
duration： 11 minutes 40 seconds

Section6 Understand Vue’s options
duration： 07 minutes 18 seconds
Chapter3 Vue life cycle
expand retract

Section1 Understand what is the life cycle of Vue
duration： 17 minutes 43 seconds

Section2 Understand what the life cycle functions of Vue are
duration： 09 minutes 59 seconds

Section3 Understand the template that defines vue
duration： 10 minutes 16 seconds
Chapter4 Master interpolation operations
expand retract

Section1 Master the interpolation operation mustache syntax
duration： 08 minutes 08 seconds

Section2 Master the interpolation operation and use other instructions
duration： 21 minutes 54 seconds
Chapter5 Master the use of v bind
expand retract

Section1 Master the basic use of v bind
duration： 13 minutes 33 seconds

Section2 Master the v bind dynamic binding class object syntax
duration： 13 minutes 09 seconds

Section3 Understand v bind dynamic binding class array syntax
duration： 07 minutes 38 seconds

Section4 Complete the assignment of combining v bind and v for
duration： 05 minutes 29 seconds

Section5 Master v bind dynamic binding style object syntax
duration： 19 minutes 40 seconds

Section6 Understand v bind dynamic binding style array syntax
duration： 02 minutes 57 seconds
Chapter6 Master computer properties and block-level scoping
expand retract

Section1 Master the basic use of computed properties
duration： 10 minutes 12 seconds

Section2 Master the complex operations of computed properties
duration： 08 minutes 31 seconds

Section3 Learn about class review
duration： 14 minutes 37 seconds

Section4 Understanding computed property setters and getters
duration： 16 minutes 01 seconds

Section5 Master the comparison between computed properties and methods
duration： 09 minutes 53 seconds

Section6 Master block-level scope let and var
duration： 37 minutes 53 seconds

Section7 Understand the comparison of three solutions: ES5 does not have closures, has closures, and ES6’s let
duration： 14 minutes 00 seconds
Chapter7 Basic grammar usage
expand retract

Section1 Master the use and precautions of const
duration： 15 minutes 04 seconds

Section2 Master the enhanced writing method of ES6 object literals
duration： 17 minutes 31 seconds

Section3 Master the parameter passing problem of v on
duration： 17 minutes 55 seconds

Section4 Master the use of modifiers of v on
duration： 12 minutes 33 seconds

Section5 Master the use of v if and v else if and v else
duration： 12 minutes 00 seconds

Section6 A small case of mastering login switching
duration： 07 minutes 02 seconds

Section7 Understand the input reuse problem of login switching
duration： 12 minutes 12 seconds

Section8 Master the use of v show and the difference with v if
duration： 07 minutes 54 seconds

Section9 Master v for to traverse arrays and objects
duration： 11 minutes 11 seconds

Section10 Understand the difference between v for bound and unbound keys
duration： 16 minutes 55 seconds

Section11 Master the use of axios interceptors
duration： 27 minutes 39 seconds
Chapter8 Shopping cart case
expand retract

Section1 Understand which methods in arrays are reactive
duration： 30 minutes 15 seconds

Section2 Review and implementation of mastery assignments
duration： 10 minutes 41 seconds

Section3 Master the shopping cart case interface construction
duration： 13 minutes 17 seconds

Section4 Master the use of shopping cart filters
duration： 05 minutes 32 seconds

Section5 Master the shopping cart case and change the purchase quantity
duration： 08 minutes 43 seconds

Section6 Master Shopping Cart Case Remove Button Final Price
duration： 06 minutes 24 seconds
Chapter9 Master the use of v mode
expand retract

Section1 Master the use of JavaScript higher-order functions
duration： 49 minutes 59 seconds

Section2 Master the use and principles of v model
duration： 16 minutes 32 seconds

Section3 Master the use of v model combined with radio types
duration： 08 minutes 50 seconds

Section4 Master the use of v model combined with checkbox type
duration： 09 minutes 38 seconds

Section5 Master the use of v model combined with select type
duration： 07 minutes 19 seconds

Section6 Master value binding in input
duration： 07 minutes 52 seconds

Section7 Master the use of v model modifiers
duration： 10 minutes 19 seconds
Chapter10 Componentization and parent-child component communication
expand retract

Section1 Master the implementation and usage steps of componentization
duration： 15 minutes 58 seconds

Section2 Master the basic usage process of componentization
duration： 11 minutes 31 seconds

Section3 Master global components and local components
duration： 10 minutes 55 seconds

Section4 Understand the distinction between parent components and child components
duration： 12 minutes 37 seconds

Section5 Master the syntactic sugar writing method of registered components
duration： 10 minutes 38 seconds

Section6 Master the writing method of component template extraction
duration： 07 minutes 37 seconds

Section7 Understand why component data must be a function
duration： 28 minutes 57 seconds

Section8 Master the communication between parent and child components and pass props from parent to child
duration： 37 minutes 35 seconds

Section9 Master the parent-child component communication props camel case identification
duration： 10 minutes 28 seconds

Section10 Master the communication between parent and child components and pass custom events from child to parent
duration： 22 minutes 15 seconds

Section11 Learn about project demos
duration： 11 minutes 32 seconds

Section12 Understand knowledge review
duration： 16 minutes 56 seconds

Section13 Master the communication between parent and child components and combine two-way binding cases
duration： 32 minutes 06 seconds

Section14 Master the combination of two-way binding cases and drawing analysis
duration： 12 minutes 46 seconds

Section15 Understand watch implementation combined with two-way binding case
duration： 04 minutes 56 seconds

Section16 Mastering parent access to children refs
duration： 17 minutes 52 seconds

Section17 Understanding child access to parent parent root
duration： 10 minutes 56 seconds
Chapter11 Summary of knowledge points
expand retract

Section1 Master the basic use of slot slots
duration： 17 minutes 52 seconds

Section2 Master the use of slot named slots
duration： 07 minutes 12 seconds

Section3 Understand the concept of compilation scope
duration： 09 minutes 17 seconds

Section4 Understand the problems caused by complex front-end code
duration： 16 minutes 00 seconds

Section5 Understand the prototype of front-end modularization and CommonJS
duration： 22 minutes 20 seconds

Section6 Master the import and export of ES modularity
duration： 32 minutes 24 seconds
Chapter12 webpack
expand retract

Section1 Understand the introduction and installation of webpack
duration： 24 minutes 41 seconds

Section2 Master the basic usage process of webpack
duration： 18 minutes 53 seconds

Section3 Master webpack config js configuration and package json configuration
duration： 28 minutes 14 seconds

Section4 Master the configuration of using css files in webpack
duration： 24 minutes 11 seconds

Section5 Master the processing of webpack less files
duration： 20 minutes 47 seconds

Section6 Master the processing of webpack image files
duration： 38 minutes 34 seconds

Section7 Master webpack ES6 to ES5 babel
duration： 14 minutes 11 seconds

Section8 Master the configuration process of webpack using Vue
duration： 22 minutes 14 seconds

Section9 Master the relationship between template and el when creating Vue
duration： 09 minutes 15 seconds

Section10 Master the use of webpack banner plugin
duration： 12 minutes 53 seconds

Section11 Master the use of webpack HtmlWebpackPlugin
duration： 12 minutes 33 seconds

Section12 Master the use of webpack UglifyjsWebpackPlugin
duration： 06 minutes 13 seconds

Section13 Master webpack dev server to build a local server
duration： 17 minutes 13 seconds

Section14 Master the separation of webpack configuration files
duration： 16 minutes 50 seconds
Chapter13 vuecli
expand retract

Section1 Understand the introduction and installation of vuecli scaffolding
duration： 23 minutes 52 seconds

Section2 Master the vuecli CLI2 initialization project process
duration： 25 minutes 37 seconds

Section3 Understand the directory structure analysis of vuecli CLI2
duration： 40 minutes 14 seconds

Section4 Understand knowledge review
duration： 10 minutes 15 seconds

Section5 Master installation CLI errors and ESLint specifications
duration： 29 minutes 34 seconds

Section6 Understand the difference between runtime compiler and runtime only
duration： 32 minutes 42 seconds

Section7 Master VueCLI3 to create project and directory structure
duration： 42 minutes 07 seconds

Section8 Master the use of arrow functions and this pointing
duration： 21 minutes 55 seconds

Section9 Understand what routing is and the mapping relationship therein
duration： 17 minutes 53 seconds

Section10 Understand front-end rendering, back-end rendering and front-end routing and back-end routing
duration： 48 minutes 17 seconds

Section11 Master the hash of url and the history of HTML5
duration： 23 minutes 03 seconds
Chapter14 Master vue router
expand retract

Section1 Master the installation and configuration methods of vue router
duration： 11 minutes 11 seconds

Section2 Master route map configuration and rendering
duration： 12 minutes 48 seconds

Section3 Master the default value of routing and modify it to history mode
duration： 09 minutes 37 seconds

Section4 Master other additional attributes of router link
duration： 09 minutes 40 seconds

Section5 Master jump routing through code
duration： 06 minutes 43 seconds

Section6 Master the use of vue router dynamic routing
duration： 26 minutes 39 seconds

Section7 Master the parsing of vue router packaging files
duration： 20 minutes 13 seconds

Section8 Master the use of lazy loading of vue router routes
duration： 13 minutes 54 seconds

Section9 Master the nested use of vue router routing
duration： 15 minutes 47 seconds

Section10 Master vue router parameter passing 1
duration： 23 minutes 31 seconds

Section11 Master vue router parameter passing 2
duration： 04 minutes 43 seconds

Section12 Understand the origin of vue router router and route
duration： 25 minutes 37 seconds

Section13 Master vue router global navigation guard
duration： 16 minutes 45 seconds

Section14 Understand the supplement of vue router navigation guard
duration： 14 minutes 49 seconds

Section15 Master vue router keep alive and other issues
duration： 30 minutes 23 seconds

Section16 Master the introduction of vue router keep alive attribute
duration： 07 minutes 10 seconds
Chapter15 Master tabbar
expand retract

Section1 Master the construction of the basic structure of tabbar
duration： 25 minutes 15 seconds

Section2 Master tabbar TabBar and TabBarItem component encapsulation
duration： 24 minutes 38 seconds

Section3 Master tabbar and pass active image to TabBarItem
duration： 11 minutes 14 seconds

Section4 Master the effect of combining tabbar TabBarItem and routing
duration： 15 minutes 43 seconds

Section5 Master the dynamic control of tabbar TabBarItem color
duration： 15 minutes 11 seconds

Section6 Understand knowledge review
duration： 12 minutes 01 seconds

Section7 Master the reference problem of tabbar file path
duration： 16 minutes 38 seconds
Chapter16 Master Promise and vuex
expand retract

Section1 Master the introduction and basic use of Promise Promise
duration： 40 minutes 44 seconds

Section2 Master the three states of Promise and other processing methods of Promise
duration： 10 minutes 13 seconds

Section3 Master Promise Promise chain calls
duration： 19 minutes 52 seconds

Section4 Master the use of all methods of Promise Promise
duration： 13 minutes 09 seconds

Section5 Master vuex Vuex concept and function analysis
duration： 21 minutes 17 seconds

Section6 Master vuex single interface to multi-interface status management switching
duration： 30 minutes 34 seconds

Section7 Master vuex devtools and mutations
duration： 13 minutes 12 seconds

Section8 Master the understanding of vuex state single state tree
duration： 12 minutes 35 seconds

Section9 Master the detailed explanation of the use of vuex getters
duration： 21 minutes 27 seconds

Section10 Master the parameters carried by vuex mutations
duration： 10 minutes 48 seconds

Section11 Master the submission style of vuex mutations
duration： 06 minutes 02 seconds

Section12 Master the responsiveness principle of vuex data
duration： 21 minutes 59 seconds

Section13 Master the type constants of vuex mutations
duration： 08 minutes 36 seconds

Section14 Master the detailed explanation of the use of vuex actions
duration： 24 minutes 25 seconds

Section15 Master the detailed explanation of the use of vuex modules
duration： 19 minutes 58 seconds

Section16 Master the directory organization of the vuex store folder
duration： 10 minutes 55 seconds
Chapter17 master axios
expand retract

Section1 Understanding network request module selection axios
duration： 12 minutes 55 seconds

Section2 Master the basic use of axios framework
duration： 22 minutes 23 seconds

Section3 Master axios sending concurrent requests
duration： 14 minutes 00 seconds

Section4 Master the configuration information of axios
duration： 09 minutes 16 seconds

Section5 Master the examples and module encapsulation of axios
duration： 40 minutes 14 seconds

Section6 Master the use of axios interceptors
duration： 27 minutes 39 seconds
Chapter18 Practical project development-1
expand retract

Section1 Master Project Development Project Creation and GitHub Hosting
duration： 22 minutes 23 seconds

Section2 Master the introduction of css files in project development
duration： 11 minutes 14 seconds

Section3 Master project development vue config and editorconfig
duration： 10 minutes 55 seconds

Section4 Master project development, tabbar introduction and project module division
duration： 15 minutes 32 seconds

Section5 Understand project development, modification of small icons and path issues
duration： 05 minutes 10 seconds

Section6 Master homepage development, encapsulation and use of homepage navigation bar
duration： 18 minutes 20 seconds

Section7 Master homepage development and request multiple data for homepage
duration： 27 minutes 50 seconds

Section8 Master the development of home page and the display of carousel images
duration： 19 minutes 46 seconds

Section9 Master homepage development and display of recommended information
duration： 11 minutes 19 seconds

Section10 Understand knowledge review
duration： 10 minutes 01 seconds

Section11 Master the encapsulation of FeatureView in homepage development
duration： 14 minutes 03 seconds

Section12 Master the encapsulation of TabControl in homepage development
duration： 24 minutes 04 seconds

Section13 Master the data structure design of homepage development and product storage
duration： 14 minutes 51 seconds

Section14 Master home page development and request and save home page data
duration： 24 minutes 43 seconds

Section15 Master homepage development and display of homepage product data
duration： 27 minutes 08 seconds

Section16 Master homepage development and switch products with TabControl click
duration： 09 minutes 34 seconds

Section17 Master the installation and use of Better Scroll
duration：In calculation

Section18 Master the basic usage analysis of Better scroll
duration：In calculation

Section19 Master the process of using Better Scroll in Vue projects
duration：In calculation

Section20 Master the encapsulation and use of BScroll in homepage development
duration：In calculation
Chapter19 Practical project development-2
expand retract

Section1 Master the encapsulation and use of BackTop components in homepage development
duration： 22 minutes 54 seconds

Section2 Master the display and hiding of BackTop in homepage development
duration： 24 minutes 18 seconds

Section3 Master homepage development and complete pull-up to load more
duration：In calculation

Section4 Master the review of yesterday’s content
duration： 36 minutes 52 seconds

Section5 Master homepage development and bug analysis and resolution in scrolling area
duration：In calculation

Section6 Master the bug handling that cannot be found in the refresh function
duration：In calculation

Section7 Master the anti-shake function processing that refreshes frequently
duration： 30 minutes 42 seconds

Section8 Master pull-up loading for more completions
duration：In calculation

Section9 Mastering the ceiling effect of TabControl is completed
duration： 34 minutes 58 seconds

Section10 Master Home to record status and location when leaving
duration：In calculation

Section11 Master the ability to jump to the details page and carry iid
duration：In calculation

Section12 Master the encapsulation of the details page navigation bar
duration： 09 minutes 47 seconds

Section13 Master the details page, data request and carousel display
duration：In calculation

Section14 Master the display of basic product information on the details page
duration：In calculation

Section15 Master the analysis and display of store information on the details page
duration：In calculation

Section16 Master the details page and add the scrolling effect Scroll
duration：In calculation

Section17 Master the details page Product details data display
duration：In calculation

Section18 Master the display of product parameter information on the details page
duration：In calculation

Section19 Get to know the content review
duration：In calculation

Section20 Master the details page Jump to the details page from the home page
duration：In calculation

Section21 Master the details page and maintain the home page position
duration：In calculation

Section22 Master the implementation of details page navigation bar
duration：In calculation

Section23 Understanding the bugs in Better Scroll’s scrollto function
duration：In calculation

Section24 Master the details page. Request based on iid details page data
duration： 14 minutes 59 seconds

Section25 Master the display of the carousel at the top of the details page
duration：In calculation

Section26 Master the basic information display of the product on the details page
duration： 34 minutes 34 seconds

Section27 Master the details page, scrolling problem handling and TabBar hiding
duration：In calculation

Section28 Master the details page Store information display on the details page
duration：In calculation

Section29 Master the details page Product picture information display on the detail page
duration：In calculation

王林 Lecturer Other Courses

ElementaryComplete collection of interview questions in front-end disciplines (Season 1)

23843
Collection
ElementaryFlexible box + responsive page layout practice

9025
Collection
ElementaryMake a responsive website from scratch—Grid layout

17972
Collection
ElementaryThe most easy-to-understand HTML+CSS course in 9 days

45102
Collection
ElementaryBasic tutorial for getting started with Web front-end

243612
Collection
ElementaryWeb front-end development-Zero Basic Programming Admission Guide

68092
Collection
ElementaryFront-end basic HTML5+CSS3 from entry to proficiency (full version)

302347
Collection
ElementaryThe latest CSS3 tutorial is quick and easy to understand

22754
Collection
ElementaryCSS3 Flex flexible box model makes layout fly

28835
Collection
ElementaryLearn DIV+CSS layout in one day (five practical exercises)

11142
Collection
ElementaryHTML5+CSS practice project [Hand Knock Onmyoji official website]

11105
Collection
ElementaryMobile layout: HTML5+CSS3 advanced and enhanced version

124846
Collection

Start Learning

This course includes：

02 days 00 hours 45 minutes 25 seconds Watch videos anytime

0 Download Resources

Popular courses Latest courses

More>