- 博客(19)
- 收藏
- 关注
RSS订阅原创 添加插件-pinia
/ 给所有的仓库添加了一条全局属性return {/*** 给特定的仓库来扩展内容*/// 为当前 id 为 counter 的仓库来扩展属性return {/*** 重置仓库状态*/// 我们首先可以将初始状态深拷贝一份每个插件在扩展内容时，会对所有的仓库进行内容扩展，如果想要针对某一个仓库进行内容扩展，可以通过 context.store.$id 来指定某一个仓库来扩展内容。插件书写完毕后，需要通过pinia实例对插件进行一个注册操作。// 引入自定义插件。
2023-08-25 10:24:18
211
原创 Pinia基本概念
Pinia 是一个西班牙语的单词，表示“菠萝”的意思。因为菠萝是由一小块一小块组成的，这个和 Pinia 的思想就非常的吻合，在 Pinia 中，每个 Store 仓库都是单独的扁平化的存在的。
2023-08-24 12:14:59
281
原创 共享数据-vue3
安装vuex@4.x两个重要变动：去掉了构造函数Vuex，而使用创建仓库为了配合，新增useStore函数获得仓库对象；获取路由对象使用useRouter。
2023-08-23 14:52:10
354
原创 compositionAPI
面试题：composition api相比于option api有哪些优势？不同于reactivity api，composition api提供的函数很多是与组件深度绑定的，不能脱离组件而存在。
2023-08-22 10:58:37
201
原创 ReactiveApi
应用：除非遇到下面的场景，否则均建议选择。笔试题1：下面的代码输出结果是什么？笔试题: 下面的代码输出结果是什么？笔试题2：按照下面的要求完成函数。笔试题3：按照下面的要求完成函数。转换为ref格式，然后包装到一个。函数的返回结果中不包含。
2023-08-21 17:49:39
258
原创 vue3-模板中的变化
vue2v-model和.sync，在vue3中，去掉了.sync修饰符，只需要使用v-model进行双向绑定即可。为了让v-model更好的针对多个属性进行双向绑定，vue3作出了以下修改当对自定义组件使用v-model指令时，绑定的属性名由原来的value变为modelValue，事件名由原来的input变为去掉了.sync修饰符，它原本的功能由v-model的参数替代配置被移除允许自定义v-model修饰符vue2 无此功能。
2023-08-18 14:31:05
72
原创 vue3-组件中的变化
在上述示例中，我们在 ParentComponent.vue 中使用 Teleport 组件将 ModalComponent 渲染到了 #teleport-target 这个目标位置中。Teleport 是 Vue 3 中的一个新特性，用于在 DOM 中将组件的内容移动到指定的目标位置。使用 Teleport 可以很方便地实现将组件的内容渲染到其他位置，而无需直接将内容嵌套在组件的模板中，从而提高了组件的灵活性和复用性。// 返回一个 Promise，用于异步加载组件。// 指定占位符组件。
2023-07-24 01:38:58
277
原创 vue3- 02vue3的变化
# 在学习组合api之前，先了解以下 setup。Vue 3 的 setup 函数用于设置组件的初始状态和行为。它是组件中的一个特殊函数，在组件实例创建之前执行，并且在其他选项（如 data、computed、methods 等）之前运行。setup 函数接收两个参数：props 和 context。props 参数用于接收组件的属性，而 context 参数提供了一些与组件实例相关的上下文信息，如 attrs、slots、emit 等。
2023-07-15 23:01:46
649
原创 微信小程序：实现轮播图
使用组件swiper，其它api参考文档。使用transition属性实现滑动效果。如果不是当前图片，则将图片缩小为.8倍。为当前图片时，不做样式操作。
2023-05-24 15:09:55
487
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人