2025年9月15日

vue2 依赖注入(Provide/Inject) + watch

摘要: 用于跨层级组件通信(避免 props 层层传递),适用于深层嵌套的组件。 1. 父组件提供数据(Provide) <script> export default { provide() { return { appName: '我的应用', // 提供静态数据 user: this.currentU 阅读全文

posted @ 2025-09-15 17:01 Mc525 阅读(255) 评论(0) 推荐(0)

vue2 computed 、watch 使用

摘要: computed 有缓存,依赖不变则不重新计算 ,必须依赖其他响应式数据,且返回新值 有数据过滤、排序、格式转换等计算逻辑 <template> <div> <input v-model="searchText" placeholder="搜索名称"> <ul> <li v-for="item in 阅读全文

posted @ 2025-09-15 16:18 Mc525 阅读(7) 评论(0) 推荐(0)

vue2 插槽slot

摘要: Vue2 插槽可分为 默认插槽、具名插槽、作用域插槽 1. 默认插槽(基础用法) 当子组件只需一个 “自定义内容区域” 时,使用默认插槽(无需指定 name) 子组件(Child.vue):定义插槽 <div class="card-body"> <!-- 插槽的默认内容:父组件未传内容时显示 -- 阅读全文

posted @ 2025-09-15 11:53 Mc525 阅读(14) 评论(0) 推荐(0)

导航