vue 项目规范设置

集成editorconfig配置 EditorConfig 有助于为不同 IDE 编辑器上处理同一项目的多个开发人员维护一致的编码风格。 # http://editorconfig.org root = true [*] # 表示所有文件适用 charset = utf-8 # 设置文件字符集为 utf-8 indent_style = space # 缩进风格(tab | space) indent_size = 2 # 缩进大小 end_of_line = lf # 控制换行类型(lf | cr | crlf) trim_trailing_whitespace = true # 去除行首的任意空白字符 insert_final_newline = true # 始终在文件末尾插入一个新行 [*.md] # 表示仅 md 文件适用以下规则 max_line_length = off trim_trailing_whitespace = false VSCode需要安装一个插件:EditorConfig for VS Code ...

2024-01-22 · 4 min · 1933 words

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