AkbarSmile-优快云博客

原创 vue3组件通信--自定义事件

这种格式写，很显然，在DOM中，没有叫。为什么叫自定义事件呢？，我们用这种格式，给子组件绑定了叫。自定义事件是典型的子传父的方法。来接受父组件给子组件绑定的。//接受父亲传过来的事件。事件，并且把子组件的数据。

2024-10-26 22:24:15 313

原创 vue3组件通信--props

最近在做项目的过程中发现，props父子通信忘的差不多了。下面写个笔记复习一下。

2024-10-26 18:49:59 970

后端代码： apifox：什么时候用：前端代码：后端代码： apifox：前端代码：虽然我们在data里面写的不是json格式的数据，但是只要我们在data里面用JavaScript对象的格式写数据，axios会帮我们转换成json字符串格式。后端代码：因为前端发送的时json字符串格式的对象（我暂时就这么理解的），所以后端接受要用对应的对象接受，比如user对象，然后别忘了用@RequestBody注解。User.java实体类apifox：

2024-10-24 19:22:22 577

原创 vuetify页面布局

效果图：这个布局用到了以下组件：2.v-app-bar头部导航 3.完整代码路由： App.vue：Layout.vueSideBar.vue：HeaderBar.vue：

2024-10-24 16:31:51 629

原创 Vue Router实现路由懒加载

为了提高页面的加载速度，我们可以使用Vue Router的路由懒加载功能。路由懒加载是什么呢，路由懒加载就是只有当访问某个路由的时候再加载其相应的页面。这样写也可以实现路由懒加载，但是这些路由看着不是很好看。就是首先用变量接受导入的组件地址，然后再路由里面使用。

2024-10-23 22:48:42 295

原创 vuetify重置样式

vuetify中按钮的英文文字默认是大写形式的，怎么把按钮文字这种大写形式的属性给去掉呢，我们可以用scss重置这个css样式。vuetify重置scss变量。

2024-10-23 17:56:01 558

原创 Vuetify3响应式布局

vuetify3是支持栅格系统的，而且逻辑跟bootstrap基本差不多，下面讲一下vuetify中怎么使用栅格系统。

2024-10-23 14:16:20 791

原创 vuetify学习笔记（v-app和v-responsive）

我最近在学习vuetify3，我以前是用element plus和taiwind css。vuetify的一个好处是，它不仅是一个向element plus一样提供好用的组件库，而且还提供了向taiwind css一样的原子类，可以通过类名方便的定义组建的样式。以前element plus改组件的样式，经常在浏览器摸来摸去，不是很方便，但是用vuetify没有这种问题。但是vuetify的官方文档感觉写的不是很好，很杂。所以我用chatgpt结合vuetify的官方文档，写了自己的vuetify笔记。

2024-10-21 10:34:53 705

原创 vite脚手架中安装和按需引入vuetify

最近想尝试以下vuetify，然后根据chatgpt的引导安装上了，但是谁知道呢，最后打包后的项目（里面什么都没写，只是一个vuetify测试页面）大小已经超过了5mb，然后我找了很多资料，最终学会了怎么按需导入。

2024-10-20 23:53:34 760

原创 element plus中menu菜单技巧

我在使用element plus的menu（侧边栏）组件的过程中遇到了一些问题，就是menu编写样式和路由跳转，下面给大家分享以下，我是怎么解决的。

2024-10-16 16:48:03 1062 1

原创 vite构建工具解决vue3项目跨域的问题

跨域是在网络开发中指浏览器出于安全原因，阻止来自一个域（网址）的网页向另一个域（网址）请求资源。这样做是为了防止恶意网站窃取用户信息或进行其他不正当行为。

2024-10-16 14:55:10 447

原创 vue3 笔记-插槽

【代码】vue3 笔记-插槽。

2024-10-15 22:41:37 371

原创 CTGU-C语言文件

【代码】CTGU-C语言文件。

2024-06-21 09:41:17 291

原创 PhotoShop修改图片尺寸

首先用鼠标点击“裁剪工具”：然后在下图所示的地方选择“宽x高x分辨率”：应为这是根据我们输入的“宽x高x分辨率”来裁剪的，所以我们在右“试着”输入：400，300。最后一个空不用管：然后我们发现“高度”是可以的，但是“宽度”我们输入的不够，所以我们把鼠标放到我们刚才输入“宽度”的地方：然后通过“滚动鼠标滚轮”来调节宽度：我们发现，鼠标滚轮管道437已经可以了，然后我们按一下回车键：我们发现裁剪以后，图片大小从原来的“1920像素x1319像素”变成了“437像素x300像素”。

2024-05-09 14:49:27 382