yub4by - 博客园

2021年11月26日

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

posted @ 2021-11-26 21:19 yub4by 阅读(51) 评论(0) 推荐(0)

HMVue7.1【前端路由的概念与原理】

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

posted @ 2021-11-26 11:44 yub4by 阅读(39) 评论(0) 推荐(0)

HMVue6.6【Axios挂载及其配置】

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

posted @ 2021-11-26 10:19 yub4by 阅读(45) 评论(0) 推荐(0)

2021年11月25日

HMVue6.5【Eslint】

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

posted @ 2021-11-25 13:41 yub4by 阅读(52) 评论(0) 推荐(0)

2021年11月24日

HMVue6.4【自定义指令】

摘要： 1 自定义指令的概念 2 私有自定义指令 & 使用自定义指令 3 为自定义指令动态绑定参数 & 通过binding.value获取所绑定值 4 update函数原因：点击按钮并不会触发bind函数解决： 5 函数简写从4 update函数这一小节可以看出，bind()和update()内容一致阅读全文

posted @ 2021-11-24 17:38 yub4by 阅读(48) 评论(0) 推荐(0)

HMVue6.3【基于slot插槽改造购物车案例】

摘要： 1、初始项目 npm i npm audit fix 2 案例需求 >> 之前的案例中孙子组件Counter通过EventBus向外层App组件传值，有点绕现在期望利用插槽来进行改进 3 初步实现 4 进一步实现 5 最终实现 6 源码 “开天窗”，直接孙子组件与外层组件进行数据传递 :num=" 阅读全文

posted @ 2021-11-24 16:19 yub4by 阅读(78) 评论(0) 推荐(0)

HMVue6.2【插槽】

摘要： 1 初始项目同HMVue6.1 npm install 或者 npm i 也行 npm audit fix 2 什么是插槽 3 插槽的基础用法 3 v-slot指令(简写#) 4 插槽的后备内容 5 具名插槽 5-1 课件 5-2 vant库插槽例子具名插槽：自定义名字的插槽匿名插槽：不带自定阅读全文

posted @ 2021-11-24 11:20 yub4by 阅读(35) 评论(0) 推荐(0)

HMVue6.1【动态组件】

摘要： 1 初始项目 npm install npm audit fix <template> <div class="app-container"> <h1>App 根组件</h1> <hr> <div class="box">  </div> < 阅读全文

posted @ 2021-11-24 09:00 yub4by 阅读(47) 评论(0) 推荐(0)

2021年11月22日

HMVue5.2【vue基础综合案例-购物车】

摘要： 1 案例效果 & 实现步骤、初始项目 1-1 课件 1-2 初始项目装包&运行 npm install npm audit fix npm run serve http://localhost:8080/ 2 导入、注册、使用Header组件 <template> <div class="heade 阅读全文

posted @ 2021-11-22 21:06 yub4by 阅读(65) 评论(0) 推荐(0)

HMVue5.1【JS中数组的some()、every()、reduce()】

摘要： 1、数组的some方法 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" 阅读全文

posted @ 2021-11-22 20:53 yub4by 阅读(184) 评论(0) 推荐(0)

happy

To make a good person better.

公告