【教程】手摸手教你从0到1学习vue3

这个教程我们将会学习到 VUE + Route + Vuex + Axios + Elementui。并由 0 到 1 搭建管理后台系统,由项目入手学习VUE的知识点。非常适合0基础同学学习。一有好货立马分享~各位请笑纳:
第2学时 安装node.js、vue3.0脚手架、创建github代码管理仓库、构建vue项目

第3学时 2.0与3.0的差异,vue.config.js、引入全局样式、router重定向、elementui依赖,git命令提交文件

第4学时 vue文件标准结构、v-for遍历、key、v-bind属性、@click事件、绑定class、基础数据类型、引用数据类型区别

第5学时 熟悉element-ui组件、制作表单验证、了解组件的用法

第6学时 封装校验js文件、webpack目录配置指向、export暴露方法、import引用、指令v-show、v-if的区别

第7学时 2.0语法转3.0、setup函数、reactive函数、ref函数、isRef、toRefs方法

第8学时 axios拦截器,模块管理API,export、export default的区别

第9学时 axios跨域配置、环境变量、接口文档

第10学时 登录接口接调试、响应拦截、elementui message、root参数

第10-1学时

第11学时 按测试用例流程开发项目、注册接口联调、倒计时setTimeout、setInterval、超时timeout

第11-1学时

第11-2学时 登录接口调试、定时器知识点

第12学时 了解基础的Promise的方法、resolve、reject、all、race

第13学时 请求头拦截业务处理、Request Headers添加参数、登录密码sha1加密、前端台加密流程、代码优化封装方法

第14学时 简单了解vue学习目标,具体学习什么东西,了解基础的指令

第15学时 后台首页搭建、router路由跳转、children属性、components组件、局部组件引入

第16学时 elementui的el-menu组件生成路由菜单、定义全局elemenui样式表、修改组个样式

第17学时 svgIcon制作、全局组件Vue.component、父子组件传值props、propsData、计算属性computed

第17-2学时 完善后台首页布局

第18学时 Vuex、State、Getters、Mutations、菜单导航收起、展开

第18-2学时 cookie存储,sessionStorage存储、localStorage存储、JSON.parse、JSON.strin

第18-3学时 Vuex的action异步、同步、modules模块管理状态数据

第19学时 router.beforeEach路由守卫,检测toKen是否非法进入后台,to、from参数、next方法、Vuex命名空间

第19-2学时 登录存储token、token存在基础逻辑进入后台

第19-3学时 退出后台清除token、防止非法进入、GIT代码合并、提交当天开发的代码

第20学时 设计稿UI制作、element-ui组件、el-select、el-row、el-col、el-button

第20-2学时 设计稿UI制作、element-ui组件、el-table、el-pagination

第20-3学时 设计稿UI制作、element-ui组件、el-dialog、父子组件回调emit、修饰器sync、vue2.0、3.0写法

第20-4学时 设计稿UI制作、element-ui组件、el-messageBox、自定义全局方法export install、VUE3.

第20-5学时 设计稿UI制作、信息分类UI制作

第21学时 信息管理模块,一级分类接口、获取分类接口、onMounted、相关优化

第21-2学时 信息管理模块,删除接口、修改接口

第21-3学时 接口封装,vue3.0封装方式,vuex的actions方式,为后期维护方便

第21-4学时 添加信息接口、获取列表接口、分页处理请求数据、获取分类优化,变量优化

第21-5学时 单记录、批量删除接口、table组件数据加载优化、formatter属性返回值、日期组件配置数据格式、筛选条件处理

第21-6学时 信息编辑接口、添加子级分类接口、请求全部分类接口

第21-7学时 原型学习、原型版本查看、GIT命令控制代码版本迭代、合并代码、创建新分支

第22学时 router路由跳转、5种传参方式、vuex配合HTML5本地储存

第22-1学时 详细页数据读取、初始化数据、富文本编辑器、vue devTool依赖

第22-2学时 elementui upload组件结合七牛云第三方储存,七牛云建立空间、域名绑定、解析

第22-3学时 elementUI组件二次封装开发,组件封装的一些问题思考,什么时候需要watch,传参动态配置数据

第23学时 用户管理功能迭代、git分支创建、日常工作中的日报、周报总结、项目的管理

第23-1学时 用户管理UI制作、elementUI el-select组件封装、参数配置、组件命名冲突

第23-2学时 真正理解vue组件化开发、组件概念、优势、全局组件component、局部组件import、从源头解决BUG

第23-3学时 vue生命周期,组件生命周期,3.0改写2.0组件

第23-4学时 vue3.0生命周期,封装el-table组件

第23-5学时 封装el-table组件,v-slot插槽3种方式,数据绑定

第23-6学时 封装el-table组件,数据请求,整合url请求地址,统一api文件夹管理

第23-7学时 封装el-table组件,业务逻辑的拆分、组合

第23-8学时 elementUI 页码组件、业务逻辑拆分页码,配置项
如链接失效,请后台留言,看到后第一时间回复。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 203,324评论 5 476
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 85,303评论 2 381
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 150,192评论 0 337
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 54,555评论 1 273
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 63,569评论 5 365
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 48,566评论 1 281
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 37,927评论 3 395
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 36,583评论 0 257
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 40,827评论 1 297
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 35,590评论 2 320
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 37,669评论 1 329
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 33,365评论 4 318
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 38,941评论 3 307
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 29,928评论 0 19
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 31,159评论 1 259
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 42,880评论 2 349
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 42,399评论 2 342

推荐阅读更多精彩内容