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

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

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

TypeScript 入门

什么是 TypeScript TypeScript既是一种语言又是一组工具。TypeScript是JavaScript的一个超集。换句话说,TypeScript是JavaScript加上一些额外的功能。 ...

2023-08-22 · 9 min · 4190 words

Vue2 核心语法

https://v2.cn.vuejs.org/ 简单使用 https://v2.cn.vuejs.org/v2/guide/installation.html 直接用 script 引入 直接下载并用 标签引入,Vue 会被注册为一个全局变量。(在开发环境下不要使用压缩版本,不然你就失去了所有常见错误相关的警告!) ...

2022-01-22 · 4 min · 1765 words