yub4by - 博客园

2021年11月24日

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

posted @ 2021-11-24 17:38 yub4by 阅读(47) 评论(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 阅读(72) 评论(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 阅读(27) 评论(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 阅读(43) 评论(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 阅读(57) 评论(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 阅读(178) 评论(0) 推荐(0)

HMVue4.4【ref引用】

摘要： 1 引言 2 什么是ref 3 使用ref引用DOM元素 3 使用ref引用组件实例 4 ref案例：控制文本框和按钮的按需切换 5 ref案例：让文本框自动获得焦点、this.$nextTick(cb) cb是指callback，回调报错原因：this.$refs.iptRef.focus()中阅读全文

posted @ 2021-11-22 18:07 yub4by 阅读(78) 评论(0) 推荐(0)

HMVue4.3【vue基础总结】

摘要：阅读全文

posted @ 2021-11-22 16:38 yub4by 阅读(31) 评论(0) 推荐(0)

HMVue4.2【组件间的数据共享】

摘要： 1 初始项目 npm run serve http://localhost:8080/ 2 课件 3 父组件向子组件共享数据自定义属性 props中的数据建议不要直接修改(容易报错)，要想修改，建议转存到data中再改 4 子组件向父组件共享数据自定义事件 5 兄弟组件间的数据共享 EventB 阅读全文

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

2021年11月21日

HMVue4.1【组件的生命周期】

摘要： 1 课件 & vue组件生命周期图 2 初始项目 3 组件生命周期 3-1 组件创建阶段：beforeCreate() 3-2 组件创建阶段：created() 模板结构尚未生成，即dom尚不可用 3-3 两个黄色背景菱形判断框(no，仅el无template) + 两个绿色背景处理框(no，编译e 阅读全文

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

happy

To make a good person better.

公告