Quasar Vue.JS 带字幕 一套代码多端运行 eclectron / Cordova系列01
正在缓冲...
Quasar基于Vue.js的开源框架，允许您快速创建多种类型的responsive++网站/应用：
SPAs (单页应用)
SSR (服务器端渲染的应用) (+可选的PWA客户端接管)
PWA（渐进式网页应用）
通过Cordova或Capacitor构建移动APP（Android、iOS…）
多平台桌面应用（使用Electron）
- 字幕制作者（英语（美国））：yunyanerer
vue tailwind gridsome strapi airtable 生活不易 网络搬砖 敬请三连
视频选集
（1/99）
自动连播
一1. Introduction & Course App Awesome Todo
03:27
2. What is Quasar
03:31
3. What is Vue.js
07:17
二1. Module Introduction
00:26
2. Install Node.js and Quasar CLI
01:41
3. Create & launch a new Quasar Project in the Browser
02:22
5. Folder structure - Layouts, Pages, Routes & more
03:08
三1. Module Introduction
00:38
2. Anatomy of a Vue Single File Component
01:50
3. Binding Data to the View
01:56
4. Two-way Data Binding with v-model
01:00
5. Events & Methods - Click
02:32
6. Events - Keyboard & more
05:43
7. Showing and Hiding Elements - v-show
02:24
8. Conditional Rendering - v-if & v-else
02:44
9. Computed Properties
05:39
10. Filters
03:24
11. Directives
02:34
12. Binding to Attributes & CSS
05:12
13. Lifecycle Hooks - Introduction
02:03
14. Lifecycle Hooks - In Action
03:16
15. Refs
04:16
四1. Module Introduction
00:50
2. Displaying Lists with v-for
02:26
3. Displaying more details
05:18
4. Child Components
04:04
5. Passing Data to Child Components - Props
02:03
6. Passing Data to Child Components - Slots
00:53
7. Keys
01:40
五1. Module Introduction
00:21
2. Pages and Routes
03:59
3. Add Page Navigation to Sidebar (Drawer)
05:06
4. Tab Navigation for Mobile
05:56
5. Consolidating Navigation Data
05:24
6. Only show Drawer on Desktop, Tabs on Mobile
03:52
7. Adding some Style to the Layout
07:17
8. Add SCSS support
01:53
9. Customise Theme with Theme Builder
01:33
六1. Module Introduction
00:23
2. Display a List of Tasks
07:11
3. Add Due Date and Time
07:32
4. Add some Style to the List of Tasks
03:57
七1. Introduction to Vuex
03:39
2. Setup a Vuex Store
03:06
3. Add Tasks Data to the Vuex Store Vue Devtools Chrome Extension
02:16
4. Create a Getter for the Tasks Data
04:02
5. Change Tasks Array into an Object Structure
03:01
6. Put Task into a Child Component
04:08
八1. Module Introduction
00:24
2. Set Completed Status in Vuex Store
10:17
3. Delete Task - Add Delete Button & Confirm Dialog
06:21
4. Delete Task - Delete the Task from the State
04:23
九1. Module Introduction
00:35
2. Add Task - Button & Modal
07:51
3. Add Task - Customize the Modal
03:58
4. Add the Fields
08:43
5. Form Validation & Submission
08:19
6. Vuex - Add Task when Form Submitted
10:12
7. A Few Improvements
12:35
十1. Module Introduction
00:28
2. Add Task - Reusable Components (15) Modal Header
03:16
3. Add Task - Reusable Components (25) Task Name
05:09
4. Add Task - Reusable Components (35) Due Date
03:56
5. Add Task - Reusable Components (45) Due Time
02:43
6. Add Task - Reusable Components (55) Buttons
02:59
7. Edit Task - Add the Button & Show the Modal
04:10
8. Edit Task - Customise & Setup the Modal
06:00
十一1. Module Introduction
00:33
2. Create Getters for Todo and Completed Tasks
05:47
3. Display Todo and Completed Tasks in Separate Lists
05:37
4. Add Headings to the Task Lists
07:17
5. Make the Heading Background Color Adjustable
02:37
6. Conditionally Show & Hide the Task Lists
01:29
7. Add a No tasks to do today! Banner
04:05
8. Use Global Event Bus to fix the No tasks Banner Button
05:39
十二1. Module Introduction
00:15
2. Add the Search Bar Markup
03:34
3. Connect Search Bar to Vuex State with mapState
02:21
4. Use a Computed Property Setter to set the Vuex search value
01:30
5. Setup an Action & Mutation to set the search property
02:22
6. Filter the Tasks based on Search Value
06:28
7. Display “No search results” & Hide the “No tasks today” Banner
03:49
十三1. Module Introduction
00:11
2. Add Sorting Getter to Vuex Store
08:46
3. Make the Sort Criteria Configurable
01:15
4. Add a Sort Dropdown Component to the Page
04:34
5. Sort Dropdown - Configure the Options
05:19
6. Link the Sort Dropdown to the Vuex Store State
04:12
十四1. Module Introduction
00:38
2. Custom Directive - Select All Text in Input when Clicked
04:46
3. Custom Directive - Make it Global!
02:52
4. Clear the Search Field when Esc pressed
01:12
5. Click and Hold a Task to Edit with v-touch-hold Directive
02:53
6. Filter - Format the Date Nicely
03:28
7. Filter - Highlight the Search Query on Matching Tasks
08:52
8. Mixin - Combine Duplicated Code on Add Edit Task into Mixin
04:24
9. Transitions - Animate the Showing & Hiding of Components
06:08
10. Add a Scroll Area
06:18
11. Enable clicking beside the Add Task button
01:45
顶部