Waverly 不虞-CSDN博客

原创 Vue3报错无法找到模块xxx，xxx隐式拥有 “any“ 类型

这个问题通常发生在使用 TypeScript 的 Vue 项目中，当你尝试导入一个 Vue 组件，但 TypeScript 无法找到该组件的声明文件。

2024-05-26 17:00:00 224

原创 1.11 Vue核心语法之【标签的 ref 属性】

在前面，我们学习了组合式 API 中使用，现在我们又要学习一个ref，只不过这次的，它允许我们在一个特定的 DOM 元素或子组件实例被挂载后，获得对它的直接引用。

2024-05-16 19:37:14 278

原创 1.10 Vue3核心语法之【watchEffect】

官网解释：立即运行一个函数，同时响应式地追踪其依赖，并在依赖更改时重新执行该函数。watch都能监听响应式数据的变化，不同的是监听数据变化的方式不同watch：要明确指出监视的数据不用明确指出监视的数据（函数中用到哪些属性，那就监视哪些属性）。

2024-05-16 14:00:00 99

在组合式 API 中，我们可以使用在每次响应式状态发生变化时触发回调函数。举个例子，可以使用watch函数监视孩子的年龄增长到18岁时将其认为是成年人。作用：监视数据的变化（和Vue2中的watch作用一致）Vue3中的watch只能监视以下①ref定义的数据。②reactive定义的数据。③函数返回一个值（getter函数）。④一个包含上述内容的数组。老规矩，用watch的时候记得在import里面引入。

2024-05-16 09:30:36 754

原创 1.8 Vue3核心语法之【computed】计算属性

作用：根据已有数据计算出新数据（和Vue2中的computed作用一致）。

2024-05-15 23:30:21 213

原创 1.7 Vue3核心语法之【toRefs 与 toRef】

作用：将一个响应式对象中的每一个属性，转换为。

2024-05-15 22:00:28 116

原创 1.6 Vue3核心语法之【ref 对比 reactive】

用reactive包裹的对象，如果只是修改里面的某个属性，用对象名.属性名重新赋值就可以进行修改；但是如果需要整体修改，必须使用Object.assign对其修改，否则修改无效。但是，ref定义的响应式数据，它的.value一定是响应式的，同时，要实现响应式也必定通过.value。在设置中搜索 auto insert ，找到Dot Value，进行勾选。若需要一个响应式对象，且层级较深（比如收集表单数据），推荐使用。若需要一个基本类型的响应式数据，必须使用。若需要一个响应式对象，层级不深，

2024-05-15 13:53:06 147

原创 1.5 Vue3核心语法之【ref 创建：对象类型的响应式数据】

其实ref。若ref接收的是对象类型，内部其实也是调用了reactive函数。

2024-05-14 11:00:00 139

原创 1.4 Vue3核心语法之【reactive 创建：对象类型的响应式数据】

第一步：引入第二步：包裹语法：let 响应式对象= reactive(源对象)示例：（ps：在js的世界里数组也是对象）

2024-05-13 16:34:36 295

原创 1.3 Vue3核心语法之【ref 创建：基本类型的响应式数据】

在Vue2中，只要数据写在data里，那它就是响应式的在Vue3中，使用ref或reactive定义响应式数据。

2024-05-13 15:57:22 293

原创 1.2 Vue3核心语法之【setup】

setup是Vue3中一个新的配置项，值是一个函数，它是，组件中所用到的：数据、方法、计算属性、监视......等等，均配置在setup中。

2024-05-13 15:12:43 534

原创 1.1 Vue3核心语法之【OptionsAPI 与 CompositionAPI】

可以用函数的方式，更加优雅的组织代码，让相关功能的代码更加有序的组织在一起。// methods 是一些用来更改状态与触发更新的函数。选项所定义的属性都会暴露在函数内部的。// 生命周期钩子会在组件生命周期的各个不同阶段被调用。// data() 返回的属性将会成为响应式的状态。// 例如这个函数就会在组件挂载完成后被调用。// 它们可以在模板中作为事件处理器绑定。// 并且暴露在 `this` 上。中的，若想新增或者修改一个需求，就。// 用来修改状态、触发更新的函数。上，它会指向当前的组件实例。

2024-05-13 13:48:29 291

原创写一个简单的效果

上一篇里，我们已经完成了App组件的简单编写，现在我们来做一个简单的效果在完成上一篇文章任务的基础上，在components文件夹里新建一个.vue文件，例如Person.vue在编写完Person.vue里的内容后，要。

2024-05-13 12:12:02 158

原创编写一个App组件

main.ts文件中必须有这三句话，创建应用、引入根组件、调用。

2024-05-13 11:00:00 156

原创解读Vue3工程里的文件夹

如果vite/client处标红，有可能是目录中没有node_modules文件夹，也就是没有依赖，选中env.d.ts文件夹在集成终端中打开输入npm i 命令安装所有的依赖，安装完成后关掉vscode重新再打开即可。它记录了每个依赖项的精确版本号，以确保在不同的环境下构建项目时使用的是相同的依赖版本。四、index.html入口文件，是Vue项目的初始页面，其中定义了页面的基本结构和引入必要的资源文件，以便启动Vue应用程序。其中的components，存放组件，相当于枝叶，里面也是存放.vue文件。

2024-05-13 10:45:00 283

原创创建Vue3工程

1、首先需要安装好node.js，可以通过输入cmd打开命令提示符，输入node查看，如果有node版本则说明有node环境，如果没有，去官网安装即可，安装之后重启电脑。官方文档指路：https://cn.vuejs.org/guide/quick-start.html#creating-a-vue-application。## 查看@vue/cli版本，确保@vue/cli版本在4.5.0以上。## 是否添加pinia环境。## 是否添加JSX支持。## 是否添加路由环境。## 是否添加单元测试。

2024-05-13 10:30:00 215

原创初识Vue3

Vue是一款用于构建用户界面的 JavaScript 框架。它基于标准 HTML、CSS 和 JavaScript 构建，并提供了一套编程模型，帮助你高效地开发用户界面。：Vue 基于标准 HTML 拓展了一套模板语法，使得我们可以声明式地描述最终输出的 HTML 和 JavaScript 状态之间的关系。：Vue 会自动跟踪 JavaScript 状态并在其发生变化时响应式地更新 DOM。

2024-05-13 10:00:00 267

原创错题本系列

错题本：问题1：设置color属性后，字体颜色未改变问题2：设置height=line-height后，文字无法垂直居中

2023-10-21 19:42:13 24

m0_73814612的博客