头条

1.登录注册 1.1创建组件并配置路由 在 src/router/index.js中配置登录页的路由表---动态引入 易错，路由入口需要写在app.vue页面中 1.2登录页面布局样式以及实现登录 1

1.vue原理回顾 1.1每日面试题（watch与computed） 2.vue2项目练习--头条项目 2.1项目初始化 按照流程去初始化一个项目，详细看文档，并及时反思。 2.2封装网络请求axio

1.频道管理效果实现 1.1编辑图标及样式调整---样式 样式： 1.2弹出层的出现---利用popup 弹出层 调整弹出层的样式：如果想要单独去设置某个组件的样式，不修改整体上的，需要单独起一个类名

1.创建和路由跳转 1.1路由---一级路由 1.2搜索界面样式 2输入框的自动聚焦 Vue.use&&防抖 2.1自动获取焦点---通过插件Vue.use() 使用创建的自定义指令： 2.2输入框防

1.文章详情 1.1页面创建和路由跳转 新建文件夹，用来管理文章功能。路由跳转有三处需要进行跳转，下面对其进行详细的说明。 ⚠️ArticleItem是组件，包括vant的都是组件，组件身上的事件都是

1.标签准备和数据铺设 创建接口方法，并调用，并对其进行数据铺设 2.退出登录 哪里使用就在哪里注册 退出包括主动退出和被动退出，用户点击退出并且确定后，清除了token，强制replace切换登录页

1.反馈二级面板及常见错误调试 1.1一级面板标签准备ActionSheet 动作面板---挂载到body上面 注意书写的位置： 此时的效果并没有完全出来，找问题属于的类型 原因是挂载位置 指定挂载位

1.底部加载更多List列表包裹使用 1.1组件选择 瀑布流滚动加载，用于展示长列表，当列表即将滚动到底部时，触发事件并加载更多列表项。 选择list列表组件，onload方法根据自己需求进行书写 属

1.文章列表切换 1.1实现文章列表的切换功能 tab标签页，通过名称进行匹配 按照名称进行匹配后，此时页面还是无法完成切换效果，因为数据没有更新 绑定事件change后 因为生命周期函数执行了一次，

1.首页顶部导航及tab导航实现 1.1顶部导航van-nav-bar fixed进行定位，固定位置 注意此时右侧图标适配的问题：postcss只能翻译style里面的css样式代码，标签内行内样式它

1.Layout页面 只有底部是layout页面 Login.vue与Layout.vue是一级路由页面，Home.vue和User.vue应该是嵌入在Layout页面的二级路由页面-----注意ro

下面为登录页面的实现 1.路由准备 登录界面路由： 在App.vue里面设置挂载点 router-view 2.1vant样式修改 样式修改： 1.找到类名，自己写css覆盖 找到对应的类名，手动修改

1.封装网络请求方法—自定义方法接收参数 采用自定义方法接收参数，便于后期的维护 1.1步骤 1.安装axios yarn add axios 2.创建request.js(src/utils/req

1、引入vant组件库---对应版本 1.通过yarn下载组件库：yarn add vant@latest-v2 -S（vue2项目） yarn add vant（vue3项目） 2.下载插件 yar

一、项目初始化 1.使用脚手架创建项目 manually：自定义勾选特性配置，选择完毕之后，才会进入装包 创建完成之后，查看项目进行清空欢迎界面，删除路由中多余的home路由等 2.ESLint 2.