vue 3 技术学习与完善

Hello world！
官网：https://vuejs.org/
菜鸟教程:https://www.runoob.com/vue3/vue3-tutorial.html
开发文档：https://vuejs.org/tutorial/#step-1 --教程： https://vuejs.org/guide/introduction.html
视频教学：https://www.bilibili.com/video/BV1Za4y1r7KE/?spm_id_from=333.337.search-card.all.click&vd_source=b0bad18b9a7dbe9ff9182ea021ca72b0

vue项目的创建

更新最新npm和Node.js

npm install -g npm@latest
npm install -g npm

换一个更稳定的镜像

npm config set registry https://registry.npmmirror.com/

vue -ui安装

npm uninstall vue-cli -g //卸载老版本
npm install @vue/cli -g //安装
vue -ui

解决vue不能用的问题

进入红框路径看有没有vue.cmd

如果有vue.cmd，将当前路径复制添加到path环境变量
步骤：桌面右击“我的电脑”-属性-高级系统设置-环境变量

搭建vue3 项目

npm create vue@latest //创建vue项目

基于Vite + Vue.js的项目欢迎页面

import { createApp } from 'vue' // 导入createApp方法Vue 3 引入的全局 API，用于创建一个应用实例

pinia插件的使用

pinia开发文档：https://pinia.vuejs.org/zh/introduction.html
https://zhuanlan.zhihu.com/p/533233367

简介：Pinia 起始于 2019 年 11 月左右的一次实验，其目的是设计一个拥有组合式 API 的 Vue 状态管理库。从那时起，我们就倾向于同时支持 Vue 2 和 Vue 3，并且不强制要求开发者使用组合式 API，我们的初心至今没有改变。除了安装和 SSR 两章之外，其余章节中提到的 API 均支持 Vue 2 和 Vue 3。虽然本文档主要是面向 Vue 3 的用户，但在必要时会标注出 Vue 2 的内容，因此 Vue 2 和 Vue 3 的用户都可以阅读本文档。

基础