Vue3 CompositionAPI

Options API的弊端 在Vue2中,我们编写组件的方式是Options API: Options API的一大特点就是在对应的属性中编写对应的功能模块; 比如data定义数据、methods中定义方法、computed中定义计算属性、watch中监听属性改变,也包括生命 周期钩子; 但是这种代码有一个很大的弊端: ...

2023-12-29 · 32 min · 15734 words

七牛云 + Typora + PicGo

Typora 免费版本: https://github.com/L1ne-cd/Typora_Unlocker 七牛云 七牛云: https://www.qiniu.com/ 注册实名 2. 对象存储, 新建空间 选择离你最近的存储区域(建议服务器哪的就选哪个区) 访问控制选择公有 个人中心 > 密钥管理 > 复制待用 ...

2023-12-28 · 1 min · 176 words

Pinia 数据持久化储存(pinia-plugin-persistedstate)

pinia需要使用pinia-plugin-persistedstate插件来进行数据的存储 插件官网地址: https://prazdevs.github.io/pinia-plugin-persistedstate/guide/config.html 安装以及使用 pnpm i pinia-plugin-persistedstate npm i pinia-plugin-persistedstate yarn add pinia-plugin-persistedstate import { createPinia } from 'pinia' import piniaPluginPersistedstate from 'pinia-plugin-persistedstate' const pinia = createPinia() pinia.use(piniaPluginPersistedstate) 关于全部缓存及部分缓存的说明 (1)将store的state中的全部数据进行缓存,直接在state同级下面添加persist对象 ...

2023-11-22 · 1 min · 373 words

系统学习 Pinia

为什么使用 Pinia? https://pinia.vuejs.org/zh/ Pinia 是 Vue 的专属状态管理库,它允许你跨组件或页面共享状态。如果你熟悉组合式 API 的话,你可能会认为可以通过一行简单的 export const state = reactive({}) 来共享一个全局状态。对于单页应用来说确实可以,但如果应用在服务器端渲染,这可能会使你的应用暴露出一些安全漏洞。 而如果使用 Pinia,即使在小型单页应用中,你也可以获得如下功能: ...

2023-11-11 · 5 min · 2168 words · Waite Wang

系统学习 VueX 1

Vue2-VueX 1.vuex介绍 目标 什么是vuex 为什么学习vuex 通信方案 组件关系 数据通信 父子关系 父传子:props ; 子传父:$emit 非父子关系 vuex (一种组件通信方案) vuex是什么 Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理数据,以相应的规则保证状态以一种可预测的方式发生变化 ...

2023-11-11 · 20 min · 9985 words · Waite Wang

Vue3 基本指令(二)

本文章来源于王红元老师(coderwhy)的 Vue3 + Ts 课程第二章节 - Vue3 基本指令附上链接:https//ke.qq.com/course/3453141 permalink: /archives/vue3-ji-ben-zhi-ling-er ...

2023-10-22 · 19 min · 9162 words

邂逅 Vue3 开发(一)

本文章来源于王红元老师(coderwhy)的 Vue3 + Ts 课程第二章节 - Vue3 基本指令附上链接:https//ke.qq.com/course/3453141 permalink: /archives/vue3-ji-ben-zhi-ling-er ...

2023-09-30 · 6 min · 2970 words

Windows11家庭中文版系统安装Docker

title: Windows11家庭中文版系统安装Docker id: a293d46a-9b4e-4e42-8bbc-0bcec5c21662 date: 2023-09-24 22:29:15 auther: admin cover: 安装到 D 盘(软链接) docker 默认安装路劲为 C:\Program Files\Docker docker 虚拟磁盘默认安装路劲为 C:\Users\<YourName>\AppData\Local\Docker 用 管理员身份打开cmd窗口 执行如下命令 mklink /j "C:\Program Files\Docker" "D:\Program Files\Docker" 已经安装Docker,需要重新再安装一次。 安装后C盘下的Docker文件就只是一个软链接了,映射的真实路径在D盘Docker文件夹下(注意: 软链接后需要在相应目录创建文件夹, 不然后续安装会报错) Hyper-Vr 查看自己的系统, 如果你的系统跟我一样是window11家庭 中文版,则会找不到Hyper-Vr,这时则需要自己创建,讲下述代码复制在txt文本里,并重命名为Hyper.cmd,右键以管理员方式运行,最后输入“Y”重启电脑后即可。 ...

2023-09-24 · 3 min · 1311 words