explanation
Introduction to Vue 3, the name of the course that teaches the Vue.js industry. Now you can start working with frameworks, JavaScript, and Vue.js very quickly. Reuse provides a way to build components and leverage props, lifecycles, and slots. Among the directives for building agencies, you’ll learn how to build your own directive personalization using markup, and finally, with the new Vue 3 stuff, you’ll learn how to encapsulate your agency using components. Learn about our new API.
Here’s what you’ll learn in the Introduction to Vue 3 course:
- Introduction Framework Vue.js as JavaScript
- Topics related to directives, modifiers, and data rendering include the v-model directive, and more. v-if & v-else etc., v-bind etc., v-for etc. Event binding and v-on., v-html and v-text etc.
- Describes the method’s usage and function. Example explanation of computed properties and watchers
- Describe components, materials, props, and slots with examples.
- We use Nuxt to develop apps, install and use the Vue CLI, and provide solutions and examples.
- You can talk about animations, use CSS in practice, and use various dynamic exponents.
- Check out the Composition API and Custom Directive and see how to use them with examples.
- Use Vuex to share data, logic and methods for asynchronous sharing oe.
Specification Volume:
Publisher: FrontendMasters
teacher: Sarah Drasner
Language:English
Training level: Basic to advanced
Number of classes: 65
Duration: 4 hours 57 minutes
This process:
introduction
introduction
00:00:00 – 00:10:38
Course Resources and Settings
00:10:39 – 00:13:56
Vue 3 Hello World
00:13:57 – 00:19:12
Directives, modifiers, and data rendering
v-model directive
00:19:13 – 00:23:17
v-if & v-else
00:23:18 – 00:26:47
v-bind
00:26:48 – 00:28:43
v-for
00:28:44 – 00:31:39
v-once & v-pre
00:31:40 – 00:34:12
Event binding and v-on
00:34:13 – 00:36:26
v-html and v-text
00:36:27 – 00:38:51
Directive practice
00:38:52 – 00:39:52
Instructions Solutions
00:39:53 – 00:47:03
v-model modifier
00:47:04 – 00:48:30
event modifier
00:48:31 – 00:50:19
Methods, computed properties, watchers
methods
00:50:20 – 00:59:22
method of form
00:59:23 – 01:03:54
Sort table data using v-for
01:03:55 – 01:08:13
calculated properties
01:08:14 – 01:14:53
Calculated properties walkthrough
01:14:54 – 01:16:28
Calculated Property Solutions
01:16:29 – 01:19:59
Calculated property example
01:20:00 – 01:23:21
Vue’s reactive system and proxies
01:23:22 – 01:34:42
Set(), Map(), and WeakMap()
01:34:43 – 01:38:47
observer
01:38:48 – 01:48:10
watcher movement
01:48:11 – 01:49:29
watcher solution
01:49:30 – 01:51:33
Watcher example
01:51:34 – 01:55:51
Components and props
Component
01:55:52 – 02:03:47
prop
02:03:48 – 02:10:31
actual component
02:10:32 – 02:20:47
Component events with exports
02:20:48 – 02:27:55
slot
02:27:56 – 02:38:23
Component Walkthrough
02:38:24 – 02:39:48
parts solution
02:39:49 – 02:41:19
app development
Single file template
02:41:20 – 02:46:25
View CLI
02:46:26 – 02:54:08
Create and deploy Vue.js apps
02:54:09 – 03:01:45
Visual Studio code snippets and highlighting
03:01:46 – 03:04:22
life cycle hooks
03:04:23 – 03:09:29
Noost
03:09:30 – 03:13:58
Nuxt Settings
03:13:59 – 03:20:46
Rendering in Nuxt
03:20:47 – 03:23:20
Vue CLI Walkthrough
03:23:21 – 03:23:50
Vue CLI solution
03:23:51 – 03:26:17
animated movie
animated movie
03:26:18 – 03:33:19
CSS animation
03:33:20 – 03:39:48
animation practice
03:39:49 – 03:40:21
transition mode
03:40:22 – 03:44:18
Animation using JavaScript Hooks
03:44:19 – 03:51:43
animated interaction
03:51:44 – 03:55:38
Nuxt page transitions
03:55:39 – 04:00:38
Nuxt page transition walkthrough
04:00:39 – 04:01:02
Composition API and custom directives
Composition API
04:01:03 – 04:12:51
Computed Properties, Watch & WatchEffect
04:12:52 – 04:16:15
Props and Context
04:16:16 – 04:17:38
Lifecycle hooks and use cases
04:17:39 – 04:22:07
Script Settings and Configuration Resources
04:22:08 – 04:24:06
composition practice
04:24:07 – 04:24:49
Configuration Solutions
04:24:50 – 04:26:23
custom directive
04:26:24 – 04:34:00
ViewX
ViewX
04:34:01 – 04:44:40
Commit & Release
04:44:41 – 04:50:05
Vuex Movement
04:50:06 – 04:51:00
Vuex solution
04:51:01 – 04:54:21
finish
finish
04:54:22 – 04:58:16
precondition
image
sample video
installation manual
After extraction, call the desired player.
Subtitles: English
Quality: 1080
download link
Password file: free download software
file size
1.8GB