- 博客(21)
- 收藏
- 关注
RSS订阅原创 解决报错maven打包报错：Please refer to XXXtargetsurefire-reports for the individual test results.
这个表示测试失败导致的打包失败，解决方法就是跳过test打包。点击图片中的闪电，进入跳过测试模式，此时test被划掉。在idea中Maven打包发现报错。再点击package就可以了。
2024-07-03 08:00:00
1384
原创 如何判断Vue3项目使用的包管理器是npm还是yarn？
当拿到一个项目的时候，除了readme文件中明确说明，有什么办法能判断当前项目使用的是npm命令还是yarn命令呢？
2024-06-02 17:30:00
724
原创 2.1 路由介绍及其使用
Vue-Router 其实就是帮助你根据不同的 url 来展示不同的页面（组件），建议单独用 config 目录（文件夹）来集中放置路由文件。ps：有些组件库可能自带了和 Vue-Router 的整合，所以尽量先看组件文档、省去自己写的时间。
2024-05-30 09:02:55
500
原创 Vue3报错无法找到模块xxx，xxx隐式拥有 “any“ 类型
这个问题通常发生在使用 TypeScript 的 Vue 项目中，当你尝试导入一个 Vue 组件，但 TypeScript 无法找到该组件的声明文件。
2024-05-26 17:00:00
4471
2
原创 1.11 Vue核心语法之【标签的 ref 属性】
在前面，我们学习了组合式 API 中使用，现在我们又要学习一个ref，只不过这次的，它允许我们在一个特定的 DOM 元素或子组件实例被挂载后，获得对它的直接引用。
2024-05-16 19:37:14
378
原创 1.10 Vue3核心语法之【watchEffect】
官网解释：立即运行一个函数，同时响应式地追踪其依赖，并在依赖更改时重新执行该函数。watch都能监听响应式数据的变化，不同的是监听数据变化的方式不同watch：要明确指出监视的数据不用明确指出监视的数据（函数中用到哪些属性，那就监视哪些属性）。
2024-05-16 14:00:00
157
原创 1.9 Vue核心语法之【watch】
在组合式 API 中，我们可以使用在每次响应式状态发生变化时触发回调函数。举个例子，可以使用watch函数监视孩子的年龄增长到18岁时将其认为是成年人。作用：监视数据的变化（和Vue2中的watch作用一致）Vue3中的watch只能监视以下①ref定义的数据。②reactive定义的数据。③函数返回一个值（getter函数）。④一个包含上述内容的数组。老规矩，用watch的时候记得在import里面引入。
2024-05-16 09:30:36
1650
原创 1.6 Vue3核心语法之【ref 对比 reactive】
用reactive包裹的对象，如果只是修改里面的某个属性，用对象名.属性名重新赋值就可以进行修改；但是如果需要整体修改，必须使用Object.assign对其修改，否则修改无效。但是，ref定义的响应式数据，它的.value一定是响应式的，同时，要实现响应式也必定通过.value。在设置中搜索 auto insert ，找到Dot Value，进行勾选。若需要一个响应式对象，且层级较深（比如收集表单数据），推荐使用。若需要一个基本类型的响应式数据，必须使用。若需要一个响应式对象，层级不深，
2024-05-15 13:53:06
208
原创 1.4 Vue3核心语法之【reactive 创建：对象类型的响应式数据】
第一步：引入第二步：包裹语法：let 响应式对象= reactive(源对象)示例：（ps：在js的世界里数组也是对象）
2024-05-13 16:34:36
447
原创 1.3 Vue3核心语法之【ref 创建：基本类型的响应式数据】
在Vue2中，只要数据写在data里，那它就是响应式的在Vue3中，使用ref或reactive定义响应式数据。
2024-05-13 15:57:22
427
原创 1.2 Vue3核心语法之【setup】
setup是Vue3中一个新的配置项，值是一个函数，它是，组件中所用到的：数据、方法、计算属性、监视......等等，均配置在setup中。
2024-05-13 15:12:43
910
原创 1.1 Vue3核心语法之【OptionsAPI 与 CompositionAPI】
可以用函数的方式，更加优雅的组织代码，让相关功能的代码更加有序的组织在一起。// methods 是一些用来更改状态与触发更新的函数。选项所定义的属性都会暴露在函数内部的。// 生命周期钩子会在组件生命周期的各个不同阶段被调用。// data() 返回的属性将会成为响应式的状态。// 例如这个函数就会在组件挂载完成后被调用。// 它们可以在模板中作为事件处理器绑定。// 并且暴露在 `this` 上。中的，若想新增或者修改一个需求，就。// 用来修改状态、触发更新的函数。上，它会指向当前的组件实例。
2024-05-13 13:48:29
484
原创 写一个简单的效果
上一篇里，我们已经完成了App组件的简单编写，现在我们来做一个简单的效果在完成上一篇文章任务的基础上，在components文件夹里新建一个.vue文件，例如Person.vue在编写完Person.vue里的内容后，要。
2024-05-13 12:12:02
193
原创 解读Vue3工程里的文件夹
如果vite/client处标红，有可能是目录中没有node_modules文件夹，也就是没有依赖，选中env.d.ts文件夹在集成终端中打开输入npm i 命令安装所有的依赖，安装完成后关掉vscode重新再打开即可。它记录了每个依赖项的精确版本号，以确保在不同的环境下构建项目时使用的是相同的依赖版本。四、index.html入口文件，是Vue项目的初始页面，其中定义了页面的基本结构和引入必要的资源文件，以便启动Vue应用程序。其中的components，存放组件，相当于枝叶，里面也是存放.vue文件。
2024-05-13 10:45:00
678
原创 创建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
333
原创 初识Vue3
Vue是一款用于构建用户界面的 JavaScript 框架。它基于标准 HTML、CSS 和 JavaScript 构建，并提供了一套编程模型，帮助你高效地开发用户界面。：Vue 基于标准 HTML 拓展了一套模板语法，使得我们可以声明式地描述最终输出的 HTML 和 JavaScript 状态之间的关系。：Vue 会自动跟踪 JavaScript 状态并在其发生变化时响应式地更新 DOM。
2024-05-13 10:00:00
312
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人