happy

摘要： 1 了解vant中list的基本用法 https://vant-contrib.gitee.io/vant/#/zh-CN/list 2 实现上拉加载更多功能 3 实现下拉刷新功能 https://vant-contrib.gitee.io/vant/#/zh-CN/pull-refresh 阅读全文

摘要： 1 了解获取列表数据的API接口 2 安装axios、封装utils目录下的request模块 安装axios 不采用上述方式使用axios。封装模块示意图如下 3 在Home组件中封装initArticleList() 修改配置文件，重启项目 (34条消息) vue 报错Syntax Error: 阅读全文

摘要： 文档：http://doc.toutiao.liulongbin.top/ 1 搭建初始项目、梳理项目结构 npm run serve 结论：通过路由切换的组件放到views里；不是通过路由进行切换、可复用的组件放到components中。 清空App.vue，通过<回车生成vue空模板 清空com 阅读全文

摘要： 1 案例效果 2 案例所涉及知识点 3 初始项目 npm install npm audit fix npm run serve http://localhost:8080/ 4 安装和配置路由 新建终端，安装vue-router 安装成功后关闭该终端即可 5 基于路由渲染登录组件 6 模拟登录功能 阅读全文

摘要： 4 声明式导航、编程式导航 location.href属于js，不是vue特有的 4-1 vue-router中的编程式导航API 4-2 API#1: $router.push 4-3 API#2: $router.replace 4-4 API#3: $router.go 4-5 $router 阅读全文

摘要： 1 路由重定向 2 嵌套路由 2-1 声明子路由链接和子路由占位符 2-2 通过children属性声明子路由规则 2-3 默认子路由 3 动态路由 3-1 动态路由匹配 1、2、3表示电影的id 3-2 动态路由的概念 3-3 $router.params参数对象 3-4 使用props接收路由数 阅读全文

摘要： 1 什么是vue-router https://router.vuejs.org/zh/ 2 vue-router安装和配置的步骤 2-1 在项目中安装vue-router 项目运行中，新建终端进行安装即可，不需非要暂停正在运行的项目 -S 等价于 --save 将目标包安装到dependencie 阅读全文

摘要： 1 初始项目 npm i 或 npm install npm audit fix npm run serve 2 路由 & 前端路由 & 哈希地址/锚链接 在单页面项目中，url地址与页面上组件之间的对应关系 hash地址即url中的锚链接（#） 锚链接虽然不会导致页面刷新，但会在浏览器中产生历史记 阅读全文

摘要： 1 初始项目 + demo-3-eslint项目 App.vue清空，使用<回车创建一个基本的空vue模板结构 components下的Helloworld.vue删除；创建Right.vue和Left.vue <template> <div> <h1>App根组件</h1> <hr /> <div 阅读全文

摘要： 1 eslint官网 https://eslint.bootcss.com/ 2 vscode中tab设置 老师建议tab都改成2，因为前端代码tab为4的话，代码往后缩的很快，不美观 3 利用vue-cli创建初始项目 4 了解eslint配置文件中的rules规则 5 js调试：浏览器Sourc 阅读全文