使用 Vite 搭建 Vue3 脚手架

290 未经授权，禁止转载了解课程

{{ interaction.likeNum == 0 ? (pageType === 'video' ? '抢首赞' : '点赞') : formatNumber(interaction.likeNum) }} {{ interaction.collectionNum == 0 ? '收藏' : formatNumber(interaction.collectionNum) }} {{ interaction.discussNum == 0 ? (pageType === 'video' ? '抢沙发' : '讨论') : formatNumber(interaction.discussNum) }}

提问 {{ interaction.noteNum > 0 ? interaction.noteNum + '篇笔记' : '记笔记' }} 离线观看

下载学堂APP

缓存视频离线看

报告问题离线观看

下载学堂APP

缓存视频离线看

课程介绍

讨论{{interaction.discussNum ? '(' + interaction.discussNum + ')' : ''}}

适合人群

具有一定的 Vue 知识储备，具备初级开发程序员的能力，做过一些 Vue 项目。但开发遇到瓶颈，总是做一些重复性的工作的人群。想要突破技术壁垒，对技术有一个质的提升，提高业务组件封装能力。

你将会学到

提高项目的业务开发效率和逻辑，提高代码复用能力以及可维护性、提高组件模块能力

提高项目的业务开发效率和逻辑，提高代码复用能力以及可维护性、提高组件模块能力、有更大的机会晋升中级前

课程简介

企业级业务组件封装，更贴近工作。本课程包括：Button组件封装体会封装思想；Form组件封装：集成 Select、DatePicker、Checkbox等相关表单控件；Table组件封装；封装的组件在项目中的应用演示。
改变传统的UI数据传递方式，通过属性配置的方式对组件数据进行渲染
基于Vue3+ElementPlus+Vite环境开发，Vue3全新的 setup 语法糖
针对初级程序员的开发模式有一个质的提升：提高项目的业务开发效率和逻辑，提高代码复用能力以及可维护性、提高组件模块能力、有更大的机会晋升中级前端开发。
课程代码为整套代码，持续更新，所以会在部分章节节点配套代码资料。
课程持续更新中，记得关注后续课程补充哦

常见问题

问：只具备JS基础可以学吗

答：可以学。但是更建议学习了Vue基础知识后，再来学习会好一些。当然也可以考虑，一边学习本课程，一边补充Vue基础知识，过程可能历尽艰辛，但只要坚持，曙光总会到来。

问：有一定的Vue2基础，上手会不会有难度

答：如果具备了初级程序员的能力，上手不会很难。学习本课程的过程中，不断补充Vue3知识就好了。顺便比较一下组合式API相对于选项式API的优缺点。

展开更多

发布

{{ item.user.nick_name }} {{ EROLE_NAME[item.user.identity] }}

置顶笔记

讨论图

{{ item.create_time }}{{ Number(item.like_count) || '' }}回复

删除
是否确认删除?
确认
取消
{{ item.is_top == 1 ? '取消置顶' : '置顶'}}
已有置顶的讨论，是否替换已有的置顶？
确认
取消

{{ tag.text}}

{{ subitem.user.nick_name }}{{ EROLE_NAME[subitem.user.identity] }}

{{ subitem.create_time }}{{ Number(subitem.like_count) || '' }}回复

删除

点击查看更多收起

发布

{{pageType === 'video' ? '讨论区抢占沙发，可获得双倍学分' :'讨论区空空如也，你来讲两句~'}}

发布

{{tips.text}}

{{ noteHeaderTitle }} 笔记{{ hasMyNote ? '我的笔记' : '记笔记' }}

{{ hasMyNote ? '我的笔记' : '记笔记' }}

{{ item.username }}

优质笔记

更新于：{{ $dayjs.formate('YYYY-MM-DD HH:mm:ss', item.last_uptime*1000) }}

{{ detail.username }}

公开笔记对他人可见，有机会被管理员评为“优质笔记”

{{ noteEditor.content.length }}/2000

公开笔记

保存

提问

讲师收到你的提问会尽快为你解答。若选择公开提问，可以获得更多学员的帮助。

记录时间点

记录提问时视频播放的时间点，便于后续查看

公开提问

提交

讲师头像

流水浣溪沙

前积云教育全栈开发优秀讲师爱创课堂合作金牌讲师前京东高级前端开发工程师阿里云合作ACP认证讲师

课程大纲

自动连播

【Vue实战】DOP数字化后台管理系统

【Vue实战】DOP数字化后台管理系统

流水浣溪沙

Vue3+Vite+VueRouter+Pinia+Axios+ElementPlus

Vue3+Vite+VueRouter+Pinia+Axios+ElementPlus

流水浣溪沙

Vite + Vue3 + ElementPlus业务组件封装

Vite + Vue3 + ElementPlus业务组件封装

流水浣溪沙

快速撸懂 Vue 全家桶

快速撸懂 Vue 全家桶

流水浣溪沙

Vue.js 2.0之全家桶系列视频课程（vue、vue-router、axios、vuex）

Vue.js 2.0之全家桶系列视频课程（vue、vue-router、axios、vuex）

1582496人学习

【云原生开发】Vue3、Vite、Pinia、Axios、HTML、JS、CSS入门到项目实战

【云原生开发】Vue3、Vite、Pinia、Axios、HTML、JS、CSS入门到项目实战

217619人学习

Node.js进阶教程第五步：用VUE.JS学习ES6视频课程

Node.js进阶教程第五步：用VUE.JS学习ES6视频课程

137258人学习

Vue.js前端开发基础与项目实战

Vue.js前端开发基础与项目实战

126881人学习