Vue.js实训【基础理论(5天)+项目实战(5天)】博客汇总表【详细笔记】

 

目   录

前言

基础理论（5天）

基础理论-Day01

基础理论-Day02

基础理论-Day03

基础理论-Day04

基础理论-Day05

项目实战

项目实战-Day01

项目实战-Day02

项目实战-Day03

项目实战-Day04、Day05

---

前言

10天的实训，收获还是很多的。并且，几乎每节课都有录播+源码+笔记(只有一节课，忘了录屏)。

大部分知识，都总结到了博客上。

培训用到的东西：VScode软件、视频、PDF笔记、源码。

除了视频没有上传，其它的都在博客上了。视频，不方便上传！！！可私聊...

  

例如：

  

基础理论（5天）

基础理论-Day01

• Vue.js-Day01-AM【第一次学习-安装、基础使用(引入方式)、数据展示、指令介绍(v-html、v-text、v-bind、v-if、v-for】
• Vue.js-Day01-PM【事件绑定(事件传参、事件对象、传参+获取事件对象)、样式处理操作(模板、事件、属性绑定)、Tab切换(原生js实现、Vue.js实现)、js中的this详解关键字】

基础理论-Day02

• Vue.js-Day02-AM【Vue表单、核心指令（单选框、密码框、多行文本框、单选、多选、勾选、下拉列表）、组件汇总案例、ToDoList案例、计算属性(computed)、watch监听】
• Vue.js-Day02-PM【组件化开发（全局注册组件、局部注册组件、案例）、组件的配置选项、轮播图实例（左右切换按钮、底部导航栏、定时器、鼠标移入-图片静止）】

基础理论-Day03

• Vue.js-Day03-AM【超级详细：Node.js环境安装、安装淘宝镜像（Win、Mac）、安装Vue脚手架、初始化Vue项目-命令解释（Vscode、命令行窗口）、目录介绍、Vue文件介绍】
• Vue.js-Day03-PM【组件通信（安装Vetur插件、父子组件通信、子父组件通信）、项目发送与启动（项目发给别人、启动别人的项目）】

基础理论-Day04

• Vue.js-Day04-AM【父子组件通信（父传子、子传父）、动态组件、组件的生命周期、动画】
• Vue.js-Day04-PM【axios（安装、使用）】

基础理论-Day05

• Vue.js-Day05【安装路由（vue-router）、如何使用vue-router、404配置、激活class、动态路由、编程式导航、路由嵌套、路由元信息、导航拦截】 

项目实战

【项目源码】【 链接：https://pan.baidu.com/s/1r0Mje3Xnh8x4F1HyG4aQTA   提取码：n6ol 】

项目实战-Day01

• Vue.js-Day06-AM【项目实战(附带 完整项目源码)-day01-am：移动端响应式（响应式尺寸、视口问题、实现rem变化、rem设计）、实战项目搭建（初始化项目、处理rem、搭建路由）】
• Vue.js-Day06-PM【项目实战(附带 完整项目源码)-day01-pm：轮播组件（使用、安装依赖、具体操作过程）、favicon详细制作】

项目实战-Day02

• Vue.js-Day07【项目实战(附带 完整项目源码)-day02：学习能力、字体图标（使用步骤）、在vue.js中使用jQuery】

项目实战-Day03

• Vue.js-Day08【项目实战(附带 完整项目源码)-day03：订单确认页面、美团支付页面、flex弹性盒子布局】

项目实战-Day04、Day05

• Vue.js-Day09【项目实战(附带 完整项目源码)-day04：用户个人中心页面、用户登录页面、将项目打包部署到服务器上、项目汇报、实训心得】