Vue3 CompositionAPI
Options API的弊端 在Vue2中，我们编写组件的方式是Options API： Options API的一大特点就是在对应的属性中编写对应的功能模块； 比如data定义数据、methods中定义方法、computed中定义计算属性、watch中监听属性改变，也包括生命 周期钩子； 但是这种代码有一个很大的弊端： ...
Posts
七牛云 + Typora + PicGo
Typora 免费版本: https://github.com/L1ne-cd/Typora_Unlocker 七牛云 七牛云: https://www.qiniu.com/ 注册实名 2. 对象存储, 新建空间 选择离你最近的存储区域(建议服务器哪的就选哪个区) 访问控制选择公有 个人中心 > 密钥管理 > 复制待用 ...
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对象 ...
系统学习 Pinia
为什么使用 Pinia? https://pinia.vuejs.org/zh/ Pinia 是 Vue 的专属状态管理库，它允许你跨组件或页面共享状态。如果你熟悉组合式 API 的话，你可能会认为可以通过一行简单的 export const state = reactive({}) 来共享一个全局状态。对于单页应用来说确实可以，但如果应用在服务器端渲染，这可能会使你的应用暴露出一些安全漏洞。 而如果使用 Pinia，即使在小型单页应用中，你也可以获得如下功能： ...
系统学习 VueX 1
Vue2-VueX 1.vuex介绍 目标 什么是vuex 为什么学习vuex 通信方案 组件关系 数据通信 父子关系 父传子：props ； 子传父：$emit 非父子关系 vuex (一种组件通信方案) vuex是什么 Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理数据，以相应的规则保证状态以一种可预测的方式发生变化 ...
Vue3 基本指令(二)
本文章来源于王红元老师（coderwhy）的 Vue3 + Ts 课程第二章节 - Vue3 基本指令附上链接：https//ke.qq.com/course/3453141 permalink: /archives/vue3-ji-ben-zhi-ling-er ...
邂逅 Vue3 开发(一)
本文章来源于王红元老师（coderwhy）的 Vue3 + Ts 课程第二章节 - Vue3 基本指令附上链接：https//ke.qq.com/course/3453141 permalink: /archives/vue3-ji-ben-zhi-ling-er ...
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”重启电脑后即可。 ...