Line271-CSDN博客

原创 vue学习-provide和inject

过三秒后，count由100变成了200，说明count是响应式数据。这里我们可以看到底层组件成功接收到了来自顶层组件的key值。现在我们可以在浏览器看到count数据已经被底层组件接收，此时我们添加一个定时器判断这个count是否是响应式数据。这里就能知道底层组件接收到了顶层组件的方法并成功使用了。在调用provide函数时，第二个参数设置为。底层组件调用方法修改顶层组件中的数据。顶层组件可以向底层组件传递方法，顶层组件向任意的底层组件。

2024-12-05 18:11:38 349

原创 vue学习-组合式API下的父子通信

基本思想：1；父组件给子组件绑定属性2：子组件内部通过props选项接收示例：父组件示例：子组件接收：运行代码打开浏览器，展示结果：这里看到子组件收到了父组件传过来的message成功接收并渲染出来。

2024-12-05 16:59:12 332

原创 Vue学习-watch函数的用法

1.watch函数2.执行watch函数以及传入需要侦听的响应式数据()和回调函数举个例子：运行代码，打开浏览器并打开控制台，此时我们不断点击增加按钮，右边控制台就会监视出count的新值和老值。此时我们就学会了watch最基本的侦听响应式数据了。

2024-12-04 18:31:32 1427

原创 Pinia-storeToRefs

pinia-storeToRefs

2024-11-17 17:45:30 744

原创 springboot配置文件（yml）

这时我们就需要使用到@ConfigurationProperties(prefix="前缀")但是我们在写完获取信息的时候会发现需要多次写hooies，因此我们需要简化@Value的使用。springboot为我们准备了一个注解：@Value来获取配置文件里面的信息。server-servlet-context-path 默认路径。可以看见端口号修改成了9090，默认路径前面增加了/start。2>:使用空格作为缩进表示层级关系，相同的层级左侧对齐。注意：实体类的成员变量名与配置文件中的键名保持一致。

2024-11-14 17:26:39 621

原创 vue3中引用cookie存储token

在vscode控制台中输入安装，在安装之前需要安装 @vueuse/intergrations ，因为此安装是依赖于vueuse。这样应用程序就会出现token，这样咱们的token就被cookies存储啦。在图中显示，上面的是我们的token值，下面则是cookies的方法。点进里面我们就可以看到useCookies的安装示例以及选项。这时点击读取，控制台显示你设置的token值。启动项目打开控制台应用程序中的cookie。点击删除后，应用程序中的cookie也消失。所以我们先安装vueuse。

2024-11-06 13:06:38 627