- 博客(4)
- 收藏
- 关注
原创 vue 关于keep-alive 的使用 和 异部组件使用(webpack打包)
keep-active 官网说明: 保持活力 |Vue.js (vuejs.org)是一个内置组件,允许我们在多个组件之间动态切换时有条件地缓存组件实例。如以下代码当你点击home按钮, F12 会出现相对应的console.log,即创建,再点击其他的,home 会销毁4但是加上keep-active则不会销毁,它会一直在,保持活跃!!!APP.vue:Home.vue:Category.vue:二、webpack打包,异部组件使用 说明npm run build !!!
2024-06-11 22:44:42
1100
3
原创 vue 动态组件
拿出来通过 子文件 home.vue 中{{ message }}其他组件有其他组件的内容, 如 default 的默认值。来 使用 类似于父传子,子传父 通信那一块的内容。在home组件,设置home组件的内容。其中有用到 props传递数据。data 数据 ,
2024-06-10 22:22:57
294
原创 vue --ref的使用
是一个特殊属性,类似于本章中讨论的属性。它允许我们在挂载特定 DOM 元素或子组件实例后获得对它的直接引用。例如,当您希望以编程方式将输入集中在组件挂载上,或在元素上初始化第三方库时,这可能很有用。虽然 Vue 的声明式渲染模型为您抽象了大部分直接的 DOM 操作,但在某些情况下,我们可能仍然需要直接访问底层 DOM 元素。
2024-06-10 21:59:17
268
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人