Vue.js development basic tutorial-Free online video tutorial-php.cn

Community

Learn

Tools Library

AI Tools

Leisure

English

Vue.js development basic tutorial

Vue is a progressive framework for building user interfaces. Unlike other large frameworks, Vue is designed to be applied layer by layer from the bottom up. Vue's core library only focuses on the view layer, which is not only easy to get started, but also easy to integrate with third-party libraries or existing projects. On the other hand, when combined with a modern tool chain and various supporting libraries, Vue is fully capable of providing drivers for complex single-page applications. Before studying this course, you should have a deeper understanding of HTML, CSS, and native JavaScript.

Intermediate

javascript

js

vue

vue.js

74806 person learning

33class hour

08 hours 49 minutes 19 secondsTotal course duration

2022-04-24update

PHPz

Gold lecturer

A total of 72 courses Student45558 Lecturer rating5.1

学习是最好的投资！More>>

Course Introduction Course Outline Other Courses

You will learn：

Quickly master the most popular Vue.js development technology Use Vue.js to implement basic web page interaction functions

Vue.js development basic tutorial

Chapter1 Vue.js prerequisite knowledge
expand retract

Section1 Vue download and development environment setup
duration： 18 minutes 05 seconds

Section2 Introduction to MVC and MVVM design patterns
duration： 19 minutes 29 seconds
Chapter2 Download and installation of Vue.js
expand retract

Section1 Introduction to Vue
duration： 11 minutes 01 seconds

Section2 Vue.js version selection and download
duration： 07 minutes 35 seconds

Section3 First experience with Vue.js
duration： 08 minutes 37 seconds
Chapter3 Vue template syntax (1)
expand retract

Section1 Mount points, templates and Vue instances
duration： 09 minutes 58 seconds

Section2 Basic usage of data and instructions
duration： 20 minutes 02 seconds

Section3 Vue template and style binding
duration： 26 minutes 06 seconds

Section4 Events in templates and method attributes in instances
duration： 12 minutes 24 seconds

Section5 Two-way data binding technology in form controls
duration： 14 minutes 34 seconds
Chapter4 Vue template syntax (2)
expand retract

Section1 Use a listener to listen for template data changes
duration： 14 minutes 18 seconds

Section2 The relationship between computed properties and method properties
duration： 11 minutes 48 seconds

Section3 Conditional judgment and display switching of elements
duration： 08 minutes 39 seconds

Section4 Loop output and list rendering
duration： 15 minutes 21 seconds
Chapter5 Vue template syntax small case
expand retract

Section1 Monitor user input in real time
duration： 18 minutes 24 seconds

Section2 little shopping cart
duration： 24 minutes 19 seconds

Section3 Native JS implements a message board
duration： 13 minutes 14 seconds

Section4 Quickly create a message board with Vue
duration： 10 minutes 32 seconds

Section5 Vue implements message content deletion function
duration： 06 minutes 26 seconds

Section6 Vue implements message content editing function
duration： 09 minutes 27 seconds

Section7 Vue simulates Ajax login verification (1)
duration： 22 minutes 46 seconds

Section8 Vue simulates Ajax login verification (2)
duration： 26 minutes 00 seconds
Chapter6 Component development knowledge in Vue
expand retract

Section1 What is a Vue component and its role
duration： 09 minutes 48 seconds

Section2 What are Vue global components?
duration： 21 minutes 20 seconds

Section3 What are Vue local components?
duration： 10 minutes 12 seconds

Section4 How does a parent component pass data to a child component?
duration： 20 minutes 47 seconds

Section5 How do child components pass data to parent components?
duration： 20 minutes 32 seconds

Section6 How do data exchanges occur between components at the same level?
duration： 24 minutes 36 seconds

Section7 Knowledge about slots in Vue
duration： 24 minutes 42 seconds
Chapter7 Vue component development small case
expand retract

Section1 Component implements user like function
duration： 21 minutes 40 seconds

Section2 Product information list and calculation (1)
duration： 15 minutes 06 seconds

Section3 Product information list and calculation (2)
duration： 15 minutes 46 seconds

Section4 Use slots to quickly implement web page layout
duration： 15 minutes 45 seconds

PHPz Lecturer Other Courses

ElementaryIntroduction to basic parameters of Layer pop-up window

52251
Collection
ElementaryFront-end basic practical course

57016
Collection
ElementaryQuickly master the basics of programming (a must-read for beginners)

23797
Collection
ElementaryWeb Development Basics_HTML+CSS

39645
Collection
ElementaryHTML code example

148067
Collection
ElementaryBuild HTML pages from scratch

142032
Collection
ElementaryFront-end actual native layout—(Xiaomi Mall)

52236
Collection
ElementaryCSS code example

178407
Collection
ElementaryBeautification function of CSS

91705
Collection
IntermediateH5 page design project practice

37725
Collection
IntermediateHTML5 front-end interview questions

31880
Collection
ElementaryBootstrap5-make web development faster

46095
Collection

Start Learning

This course includes：

08 hours 49 minutes 19 seconds Watch videos anytime

0 Download Resources

Popular courses Latest courses

More>