摘要：
props和emits之间的组件通信 数据流向 props：父组件 → 子组件（数据下行） emit：子组件 → 父组件（事件上行） 核心机制 props：父组件通过属性传递数据给子组件 emit：子组件通过事件向父组件发送消息 设计模式 单向数据流： 父组件 --props--> 子组件 --em 阅读全文
posted @ 2025-11-17 11:18
岑素月
阅读(14)
评论(0)
推荐(0)
摘要：
1. 对象 (Object) ：名词，实体，是一个具体的实体，它是属性和方法的集合。它就是一个“东西”。 2. 属性 (Property) ：形容词，状态，是描述对象状态或特征的值。它回答的是对象“是什么”或“有什么”的问题。属性就是对象所拥有的数据。 3. 字段 (Field) ：属性的同义词（特 阅读全文
posted @ 2025-11-04 15:58
岑素月
阅读(14)
评论(0)
推荐(0)
摘要：
Vue.use(Vuex)是 Vue 应用的运行时插件注册（而非浏览器安装包），它的核心作用是： 代码层注册 调用 Vuex 的 install方法，将 Vuex 的功能（如 $store）注入到 Vue 的原型链和全局生命周期中，使所有组件能访问 Vuex。 与 npm i vuex@3的本质区别 阅读全文
posted @ 2025-10-10 18:27
岑素月
阅读(11)
评论(0)
推荐(0)
摘要：
小结： 1. 商品列表的实现封装了 2 个组件：标签组件 和 表格组件 2. 封装用到的核心技术点： （1）props父传子 $emit子传父 v-model （2）$nextTick 自定义指令 （3）插槽：具名插槽，作用域插槽 具体代码： 0. main.js import Vue from ' 阅读全文
posted @ 2025-09-24 23:19
岑素月
阅读(12)
评论(0)
推荐(0)
摘要：
页面开发思路： 分析页面，按模块拆分组件，搭架子（局部或全局注册） （给组件名添加如"Xtx-"的前缀，方便辨认的同时也能避免名称重复） 根据设计图，编写组件html结构css样式（已准备好） 拆分封装通用小组件（局部或全局注册） 将来 → 通过js动态渲染，实现功能 操作技巧 1. 一次选择多行： 阅读全文
posted @ 2025-09-10 22:02
岑素月
阅读(1)
评论(0)
推荐(0)
摘要：
需求 & 思路分析 1.基本渲染 - 立刻发送请求获取数据 created - 拿到数据，存到data的响应式数据中 - 结合数据，进行渲染 v-for - 消费统计 —> 计算属性 2.添加功能 - 收集表单数据 v-model，使用指令修饰符处理数据 - 给添加按钮注册点击事件，对输入的内容做非 阅读全文
posted @ 2025-09-07 18:17
岑素月
阅读(15)
评论(0)
推荐(0)
摘要：
一、成绩案例 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <meta name="viewport" 阅读全文
posted @ 2025-08-27 20:04
岑素月
阅读(8)
评论(0)
推荐(0)
摘要：
案例1-tab栏的active效果-静态结构 点击查看代码 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <me 阅读全文
posted @ 2025-08-26 21:20
岑素月
阅读(6)
评论(0)
推荐(0)
摘要：
功能总结： ① 列表渲染：v-for key 的设置 {{ }} 插值表达式 ② 删除功能：v-on 调用传参 filter 过滤 覆盖修改原数组 ③ 添加功能：v-model 绑定 unshift 修改原数组添加 ④ 底部统计 和 清空 (1)数组.length累计长度 (2)覆盖数组清空列表 ( 阅读全文
posted @ 2025-08-25 19:45
岑素月
阅读(26)
评论(0)
推荐(0)
摘要：
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document< 阅读全文
posted @ 2025-08-24 21:00
岑素月
阅读(8)
评论(0)
推荐(0)
浙公网安备 33010602011771号