摘要: vue 提供了一个组件的占位符 ———— <component :is="组件名"></component>,用来实现动态切换组件的显示与隐藏 父组件中: 如果希望切换组件时,不要销毁组件,可以加上 <keep-alive></keep-alive> 阅读全文
posted @ 2022-08-16 22:51 程序员冒冒 阅读(18) 评论(0) 推荐(0) 编辑
摘要: ref 引用的作用 ——— 在不依赖jQuery的情况下,获取到DOM元素或者组件的引用; 每个vue的实例上,都包含一个 $refs 对象 1、得到当前组件中所有的 ref 引用 想通过ref属性得到DOM元素,必须先在标签上定义ref名字 结果: 2、利用 ref 改变标签样式 3、利用 ref 阅读全文
posted @ 2022-08-16 20:30 程序员冒冒 阅读(127) 评论(0) 推荐(0) 编辑
摘要: 1、父组件中:provide 2、孙子组件中:inject 3、共享响应式的数据 computed 父组件中通过按钮事件改变数据,并用 computed 共享动态数据: 孙子组件中要加 value 属性来使用动态数据: 阅读全文
posted @ 2022-08-16 17:09 程序员冒冒 阅读(113) 评论(0) 推荐(0) 编辑
摘要: 1、先安装 mitt 依赖包 npm i mitt@2.1.0 2、写一个公共的引入 mitt 的 js 文件 3、父组件 4、发送数据:BroOne bus.emit(" 约定好的事件名称 ",要发送的数据) 5、接收数据:BroTwo bus.on(" 约定好的事件名称 ",数据处理函数) 阅读全文
posted @ 2022-08-16 16:43 程序员冒冒 阅读(55) 评论(0) 推荐(0) 编辑
摘要: 父组件: 子组件: emits : [ ' update:要传递的属性 ' ] 是固定写法! 阅读全文
posted @ 2022-08-16 15:28 程序员冒冒 阅读(321) 评论(1) 推荐(0) 编辑
摘要: 每个vue实例创建时,都需要经历一系列的初始化步骤 1、设置好数据监听 2、编译模板 3、挂载实例到DOM 4、在数据改变时更新DOM 5、 组件的生命周期是指:组件从 创建 → 运行(渲染)→ 销毁 的整个过程 完整的生命周期: 阅读全文
posted @ 2022-08-16 00:27 程序员冒冒 阅读(129) 评论(0) 推荐(0) 编辑