- 博客(6)
- 收藏
- 关注
RSS订阅原创 VUE|学习笔记⑥（Pinia）
这里就用到了之前学习过的【toRefs】，这样确实是可以实现将数据提取出来并保留响应式，但是从控制台中输出一下解构后的值就可以看到，这里的【toRefs】将store中所有的东西都变成了一个ref对象，但是事实上这样是有点多余的。但是这里其实我第一次请求的时候后台报错了，但是我检查了代码应该是没有什么问题，最后发现是网址请求太多次了，如果你们也有这样的问题可以换一个网址试一下，但是代码也需要做一些简单修改，这里就不多说了。官网上说的是，你要将那些共享的数据交给集中式状态管理而不是组件自身的数据。
2024-12-10 18:43:09
1929
原创 VUE|学习笔记⑤（路由）
这里确实可以解决这个问题，不需要写route，这时候就用到了解构赋值，不知道这里还记不记得，在之前的学习中，已经提到过解构赋值了。在使用的时候，如果有些参数不是必要的，也就是有时候传有时候不传的参数，此时只需要在占位的时候再加上一个【?这里使用到的【createWebHashHistory】，是指路由的工作模式，这里为了让它不报错要先加上，到后面再详细介绍。】就表示要开始传参了。query的传法非常简单，这里前面这一部分是route的规则路径，我们在里面配置了一级的news、二级的detail。
2024-12-06 21:16:37
1141
原创 VUE|学习笔记④（Vue3核心语法）
一般做项目都有一个types文件夹，里面存放各种各样的类型。此时想要实现对person对象的具体属性进行一些限制，可以通过定义一个接口去定义person对象。但是光是这么写就能使用的，首先需要把这个接口交出去，也就是暴露。暴露有三种方式：默认暴露、分别暴露、统一暴露。这里使用最简单的添加一个export，使用分别暴露。//定义一个接口，用于限制person对象的具体属性id:string,age:number。
2024-12-02 19:30:52
1229
原创 VUE|学习笔记③（Vue3核心语法）
watch监视watch的作用是监视数据的变化，且Vue3中的watch只能监视以下四种数据：ref/reactive定义的数据、函数返回的一个值（getter函数）以及包含以上内容的数组。1. 情况一监视ref定义的基本类型数据：直接写数据名即可，监视的是其value值的改变。首先依然是要先引入watch。vue2中的watch是一个配置项，而vue3不再是一个配置项了而是一个函数。这里用到的watch函数里面有两个参数，首先是要监视的对象，再是它的一个回调函数。
2024-11-27 21:30:13
1011
原创 VUE|学习笔记②（Vue3核心语法）
OptionsAPI 与 CompositionAPI先前vue2使用的是options（配置/选项）风格的，而现在vue3是composition（组合）风格的。我的理解是vue2把数据、方法等按照它们的类型分开了，而vue3则是按照对象分开，例如都是把某个对象A相关的放在一起。我理解的可能有偏差也讲不太清楚，想要详细了解的可以自己观看禹神的讲解课程，这个我在笔记①中已经提到了是哪个系列的课程，或者也可以自己搜索资料。
2024-11-24 21:42:27
2245
原创 VUE|学习笔记①
最近开始学习一下vue，想要快速入手，也不知道应该看什么课程比较合适，这里我选择看b站上尚硅谷禹神的Vue3教程。这里创建程序用到的是npm命令，需要安装node.js，这里我还在想我已经安装过了可以直接用，还不知道后面会发生什么。课程还教我怎么检验我有没有安装node，在终端中输入node回车，如果返回的是node版本并且等待着输入下一个命令就证明具备node环境。我还测试了一下，测试结果如下：这里应该是成功的，说明我具备node环境。但是！没想到在创建项目上就出了问题！
2024-11-22 21:09:25
2081
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人