随笔分类 - Vue
摘要：##vue-drag-resize组件拖拽库 [vue-drag-resize](https://github.com/kirillmurashov/vue-drag-resize.git) 支持拖拽和缩放两个大动作，轻量级，无依赖，功能扎实，适合需要缩放的应用场景。 无依赖，轻量级 操作可联动 支
阅读全文
摘要：##什么是
摘要：##问题 我们引用图片，正常的静态img 图片是这么引用的 ``` ``` 没问题，只要路径正确 在 vue中动态绑定路径` :src` ``` ``` 发现图片根本加载不出来，因为 `:src`根本不能解析`@/assets/img/icoms/people.png` ##解决方案 ###方案一
阅读全文
摘要：下面是一个完整的示例，展示如何在Vue中使用插槽： ``` 这是父组件 ``` 在上面的示例中，我们定义了一个名为 `ParentComponent` 的父组件，并在模板中使用了 ` `标签来指定插槽的位置。` `表示插槽的起始和结束。 接下来，我们可以在父组件的使用者中添加内容来填充插槽。例如，假
阅读全文
摘要：这篇[教程](https://blog.csdn.net/wsjzzcbq/article/details/122958296)介绍的比较好，如果有额外需求后续补充。
阅读全文
摘要：在Vue中，`ref` 是一个用于给元素或组件添加引用的特殊属性。通过在元素上添加 `ref` 属性，可以在Vue组件实例或父组件中通过引用访问该元素或组件的实例。 具体来说，`ref` 属性有两种用法： **1. 给普通元素添加引用：** ```html Focus Input ``` 在上面的例
阅读全文
摘要：下面是一个使用 Vue 事件总线实现两个组件间通信的完整例子： 假设我们有两个组件 A 和 B，需要在它们之间进行通信。具体来说，当组件 A 中的按钮被点击时，需要向组件 B 发送一个事件，使得组件 B 中的数据被更新。 ###创建 EventBus 首先，在 Vue 应用中创建一个 EventBu
阅读全文
摘要：官方文档：https://vuex.vuejs.org/zh/api/ Vuex使用场景：全局管理数据 注意：vue2项目要安装vuex3版本，vue3项目要安装vuex4版本 基本使用 安装 npm install vuex@3 --save 建立以下目录结构 / src / store - st
阅读全文
摘要：[Axios文档](https://www.axios-http.cn/docs/req_config) ##引入axios ###错误用法 在main.js中引入，需要注意的是，因为axios是第三方库，不是vue的插件，所以不能直接使用use安装插件的方式使用。 ``` import axios
阅读全文
