[vue3]组件间v-bind，v-model传参(defineProps，defineEmits)
1. 自定义组件间也可以和普通标签（<div> <span>）一样指定属性传参2. 形如（<child value="hello coolight"></child>）给组件<child>指定value属性为"hello coolight"3. 我们也可以自己模拟v-model的效果下面我们来...
1. 自定义组件间也可以和普通标签（<div> <span>）一样指定属性传参2. 形如（<child value="hello coolight"></child>）给组件<child>指定value属性为"hello coolight"3. 我们也可以自己模拟v-model的效果下面我们来...
响应式数据是vue的一大亮点，下面我们来聊聊如何声明响应式数据 直接声明变量 直接声明变量并不能使之拥有响应性示例： <script setup> let num = 0; const clickFun = () => { console.log("num:&quo...
1. 原生js中我们会使用document.getElementsByClassName()，document.getElementById()等获取dom元素，但在vue中，更推荐使用ref获取。2. 不同文件的ref相互独立，即使同名也不会互相影响而导致获取错误。一个组件被多次引用后同时存...
* pinia是什么？* Pinia官网：Pinia 是 Vue 的存储库，它允许您跨组件/页面共享状态。* 即数据共享。在使用过pinia后，相信你也会对它爱不释手的，下面我们来聊聊如何安装。 安装pinia 来到你的项目文件夹在vscode的终端中执行...
安装router 在vscode中来到你的项目文件夹中在终端中执行命令安装router：npm i vue-router -D等待下载安装 安装好以后，在项目目录的src目录内，新建目录 modules 用于存放插件模块在moudules内新建路由配置文件 route.js...
* vite是什么？* 一个前端的开发构建工具* 当我们的项目组件变大时，会自觉的分文件、分组件等操作，缩减单文件的大小、增加可维护性，vite则可以帮我们管理，并且它有很多插件帮助我们开发。 初始化 创建一个文件夹，比如这里...
上一期我们介绍了外观设计，这把我们聊聊让进度条跟随播放进度走 预期效果 准备 在此之前，你需要有以下基础：HTML/CSS/JS了解一些<audio>标签的属性和事件Vue（数据绑定和事件绑定） 实现 还是上次的...