随笔分类 - 前端
摘要：https://blog.csdn.net/G_Z_X/article/details/123535642 https://gitee.com/yub4by/my-reggie-take-out resources/backend/page/food/list.html methods: { asy
阅读全文
摘要：https://www.bilibili.com/video/BV1nE41117BQ
阅读全文
摘要：1 官方文档 vant定制主题的核心：less变量的覆盖 https://vant-contrib.gitee.io/vant/#/zh-CN/theme 本项目：手动引入样式 + vue-cli搭建项目 2 实现方案1（不推荐） 重启项目 3 实现方案2（推荐） https://less.boot
阅读全文
摘要：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
阅读全文
摘要：1 自定义指令的概念 2 私有自定义指令 & 使用自定义指令 3 为自定义指令动态绑定参数 & 通过binding.value获取所绑定值 4 update函数 原因：点击按钮并不会触发bind函数 解决： 5 函数简写 从4 update函数这一小节可以看出，bind()和update()内容一致
阅读全文
摘要：1、初始项目 npm i npm audit fix 2 案例需求 >> 之前的案例中孙子组件Counter通过EventBus向外层App组件传值，有点绕 现在期望利用插槽来进行改进 3 初步实现 4 进一步实现 5 最终实现 6 源码 “开天窗”，直接孙子组件与外层组件进行数据传递 :num="
阅读全文
摘要：1 初始项目 同HMVue6.1 npm install 或者 npm i 也行 npm audit fix 2 什么是插槽 3 插槽的基础用法 3 v-slot指令(简写#) 4 插槽的后备内容 5 具名插槽 5-1 课件 5-2 vant库插槽例子 具名插槽：自定义名字的插槽 匿名插槽：不带自定
阅读全文
摘要：1 初始项目 npm install npm audit fix <template> <div class="app-container"> <h1>App 根组件</h1> <hr> <div class="box"> <!-- 渲染 Left 组件和 Right 组件 --> </div> <
阅读全文
摘要：1 案例效果 & 实现步骤、初始项目 1-1 课件 1-2 初始项目装包&运行 npm install npm audit fix npm run serve http://localhost:8080/ 2 导入、注册、使用Header组件 <template> <div class="heade
阅读全文
摘要：1、数组的some方法 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport"
阅读全文
摘要：1 引言 2 什么是ref 3 使用ref引用DOM元素 3 使用ref引用组件实例 4 ref案例：控制文本框和按钮的按需切换 5 ref案例：让文本框自动获得焦点、this.$nextTick(cb) cb是指callback，回调 报错原因：this.$refs.iptRef.focus()中
阅读全文
