Pinia全局状态管理

一、Pinia基本使用

1.安装 Pinia

2.注册Pinia

import { createApp } from "vue";
import App from "./App.vue";

// 导航pinia的createPinia方法
import { createPinia } from "pinia";
// 创建 pinia实例
const pinia = createPinia();
const app = createApp(App);
// 注册pinia插件
app.use(pinia);

app.mount("#app");

TypeScript快速入门

对于前端开发者，TypeScript的重要性就不必多言了。如果你经常写一些类库，ts绝对会让你库更加规范。如果你是一个新技术追求者，那你会去学习vue3.2、react18，那势必会与TypeScript结合起来开发。

ts的介绍

1995网景公司的程序员布莱登艾奇，花了10天就开发了JavaScript。对这门语言的定位为网页脚本语言，用来做表单校验。说白了，就是应付领导随意开发的一个产品，用完就扔掉。结果随着时间的推移，JavaScript这门语言发展得越来越好。而且做的应用越来越大，所以你会发现JavaScript出现了疲软，不太适合开发大型项目，具体原因如下：

Vue基础语法

大哥,看我干啥,vue官方都不维护vue2了,作为一个前端开发者,如果你还不会vue2那你就out了,其实是我懒,但是我不会告诉你的...

如果你真的要学vue2的话:

Vue.js - 渐进式 JavaScript 框架 | Vue.js (vuejs.org)

创建Vue3项目

Vite 构建项目

Vite（法语意为 "快速的"，发音 /vit/发音同 "veet")是一种新型前端构建工具，能够显著提升前端开发体验。它主要由两部分组成：

• 一个开发服务器，它基于 原生 ES 模块 提供了 丰富的内建功能，如速度快到惊人的 模块热更新（HMR）。
• 一套构建指令，它使用 Rollup 打包你的代码，并且它是预配置的，可输出用于生产环境的高度优化过的静态资源。

Vue3基础语法

1 setup 函数

• 新的 option, 所有的组合 API 函数都在此使用, 只在初始化时执行一次（在created之前，所有代码往里面写）
• 函数如果返回对象, 对象中的属性或方法, 模板中可以直接使用

在 setup 中你应该避免使用 this，因为它不会找到组件实例。setup 的调用发生在 data property、computed property 或 methods 被解析之前，所以它们无法在 setup 中被获取，这也是为了避免setup()和其他选项式API混淆。