2402_83663214的博客

下载node.js，node常用命令，初始化工程。学了像ssm、redis等后端技术，需要对前端进行扩展，说白了，你学Java，基本上是全干工程师。收集各方面资料，形成自己的理解，仅供参考。简单的入了个门，转换了思维模式，既然要做后端，既然要做项目，前端也应该去学习。学习了node.js是vue的依赖环境，常用的node命令来启动vue工程，学习了vue的基本结构，通过一个简单的例子实现了前端工程，明白了OptionsAPI与Composition的区别。

setup、响应式数据的几个函数、watch监听。它是一个新的组件选项，与以前的data、methods标签相同的地位。今天学了ref、reactive、toRefs、watch监听的五大情况。

在前端ui界面的时候我们需要跳转路由的操作，用户点击不同的选项页面就会变成不同的样子，以前我们笨拙地使用后端的重定向来实现，现在我们可以通过前端vue的路由跳转来实现：用户选项时，切换路由，而路由就会让vue寻找对应的vue组件从而响应给用户。狭义的路由概念：在vue3中，路由主要用于管理SPA（单页面应用）的页面跳转，使得不同的url可以映射不同的组件，无需重新加载整个页面。类似于超链接需要定义路由标签，但是我们在vue3中要使用预制好的标签。然后定义显示区即可。

Pinia是Vue3的官方状态管理库，可以看作是Vuex的替代品，它提供了更简单的API，让所有组件都可以在里面读取数据并修改数据。一句话:全局共享的数据。pinia是用来管理组件公共属性的库，能够管理所有组件都能操作和访问的数据或动作，符合直觉的操作。