背景 网上说了很多解决方案，都是通过watch(() => props.value, (newValue, oldValue) => {})解决，或者是加上{deep: true}附加属性。但是我在Vue3.3.4中，还是无法解决。 下面说一下我的解决方案。 解决方案 通过父组件调用子组件defineExpose出来的方法，并在方法中重新赋值ref数据，已修改界面。 实例代码： B.vue const ...

前端技术社区总目录（订阅之前请先查看该博客） 示例效果 具名插槽 很多时候我们子组件中都不止只有一个 slot，比如弹窗组件，我们可能允许调用者同时传入 header、content、footer 等，这时就需要具名插槽 父组件代码 <template> <div> <div>父组件--Hello World!</div> <child...

前端技术社区总目录（订阅之前请先查看该博客） 示例效果 默认插槽（匿名插槽） 插槽 slot 通常用于两个父子组件之间，最常见的应用就是我们使用一些 UI 组件库中的弹窗组件时，弹窗组件的内容是可以让我们自定义的，这就是使用了插槽的原理。 （1）slot 是 Vue中的内置标签。 （2）slot 相当于给子组件挖出了一个槽，可以用来填充内容。 （3） 父组件中调用子组件时，子组件标签之间的内容元素就是要...

his关键字来访问组件实例。 通过使用script setup，我们可以更简洁地编写组件的逻辑，并避免一些繁琐的语法和导出操作。这对于小型组件或简单的界面逻辑尤为方便。 订阅专栏，每日更新 第12节：Vue3 修饰符...

在UniApp中使用Vue3框架使用动态参数： <template> <view> <text>{{ dynamicText }}</text> <button @click="changeText">点击改变文本</button> </view> </template> <script> export default { setup() { const dynamicText = ref(''); /...

Vue3 的详细安装及部署步骤如下： 首先，确保你的计算机上已经安装了 Node.js。如果没有，请访问 Node.js 官网 下载并安装。打开命令行工具（如 Windows 上的 cmd 或 PowerShell，macOS 和 Linux 上的终端），运行以下命令来全局安装 Vue CLI： npm install -g @vue/cli 创建一个新的 Vue3 项目。在命令行中输入以下命令，将 m...

vue脚手架是vue官方提供的标准化开发工具（开发平台） https://cli.vuejs.org/zh/guide/ 安装CLI、使用CLI创建启动工程 # 下载node.jshttps://nodejs.cn/download/# node.js：更换淘宝镜像源npm config set registry https://registry.npm.taobao.org# 管理员权限运行c...

： 2. reactive 优势： 应用场景： 示例： ref和reactive的劣势 1. ref 2. reactive 应用案例 总结   ref和reactive的优势 1. ref ref是Vue3中专门用来创建响应式变量的函数，它返回一个具有value属性的对象。ref可以用来包裹基本类型的值，比如数字和字符串。 优势： a. ref在处理基本类型数据时，比reactive更加简洁易懂。 b....

目录 前言静态加载动态加载import函数watch函数使用watch函数和import函数动态加载音频文件 前言 在vue3中，我们通常使用import xxx from 'xxxxxx'来加载文件，但是如果我们需要加载哪些文件，是需要条件去判断的，那该怎么做呢？ 静态加载 先来看看最普遍的加载方式——静态加载 假设现在我需要加载one、two、three三个音频文件，这3个音频文件分别有中文版和英文...

每天都在更新 观看学习地址：视频教学地址（点击跳转） Uniapp的介绍 1 什么是Uniapp？安装及部署 1-1 课程简介： 了解uni-app是什么，它的优势和适用场景，以及它作为一个跨平台框架的基本概念。 如何安装uni-app，包括环境配置和项目创建等步骤。 如何进行uni-app项目的目录结构和代码规范的了解，这对于后续的项目开发至关重要。 如何进行uni-app项目的打包和发布，以完成从开...