vue–猫薄荷

[vue3]组件间v-bind，v-model传参(defineProps，defineEmits)

1. 自定义组件间也可以和普通标签（<div> <span>）一样指定属性传参2. 形如（<child value="hello coolight"></child>）给组件<child>指定value属性为"hello coolight"3. 我们也可以自己模拟v-model的效果下面我们来...

[Vue3]在setup中声明响应式数据（ref，reactive）

响应式数据是vue的一大亮点，下面我们来聊聊如何声明响应式数据目录直接声明变量ref(基本数据类型)reactive(对象) 直接声明变量直接声明变量并不能使之拥有响应性示例： <script setup> let num = 0; const c...

[vue3]组件操作Dom元素，多个同名ref时的解决方法，返回了proxy对象时的使用

1. 原生js中我们会使用document.getElementsByClassName()，document.getElementById()等获取dom元素，但在vue中，更推荐使用ref获取。2. 不同文件的ref相互独立，即使同名也不会互相影响而导致获取错误。一个组件被多次引用后同时存...

[vue/vite/pinia]在vscode中给vite项目安装pinia状态管理

* pinia是什么？* Pinia官网：Pinia 是 Vue 的存储库，它允许您跨组件/页面共享状态。* 即数据共享。在使用过pinia后，相信你也会对它爱不释手的，下面我们来聊聊如何安装。目录安装pinia修改main.js创建stores使用counter ...

[vue/vite]在vscode中使用vite手动创建vue项目

* vite是什么？* 一个前端的开发构建工具* 当我们的项目组件变大时，会自觉的分文件、分组件等操作，缩减单文件的大小、增加可维护性，vite则可以帮我们管理，并且它有很多插件帮助我们开发。目录初始化安装vite依赖安装vue...

[vue3]audio音乐进度条（二）跟随播放进度

上一期我们介绍了外观设计，这把我们聊聊让进度条跟随播放进度走目录预期效果准备实现预期效果准备在此之前，你需要有以下基础：HTML/CSS/JS了解一些<audio>标签的属性和事件Vue（数据绑定和事件绑定） ...