Vuex4.x(一)初识vue3的状态管理-state
Vuex 是一个专为 Vue.js 应用程序开发的 状态管理模式 。它采用集中存储管理应用的所有组件的状态的方式，并以相应的规则保证状态以一种可预测的方式发生变化。
单一状态树Vuex使用单一状态树，即用一个对象就包含了全部的状态数据。state作为构造器选项，定义了所有我们需要的基本状态参数。
Vuex是专为Vue.js开发的状态管理模式。它采用集中式存储，管理所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化（我的理解就是全局变量）。
VueX 是适用于在 Vue 项目开发时使用的状态管理工具。试想一下，如果在一个项目开发中频繁的使用组件传参的方式来同步 data 中的值，一旦项目变得很庞大，管理和维护这些值将是相当棘手的工作。
从零开始的vue后台管理-连接数据库
Vue可以通过使用适当的插件和技术来连接和操作数据库。一种常见的方式是在Vue项目中使用Node.js作为后端，通过Node.js与数据库进行通信。
vue与数据库连接引用的是template3接口。vue是一套用于构建用户界面的渐进式框架（根据需求使用特定的功能）。
打开vite.config.js文件，引入组件 然后在plugins内添加配置 这里naiveui使用的是按需自动引入，具体可参考官方文档： 按需引入（Tree Shaking） - Naive UI 笔者添加了一些打包的配置，不需要可以忽略。
在Vue中，我们经常需要从数据库中获取数据，用于解决前端工作中的各种需求。
这里需要用到vue-resource，在我们的项目里面安装：nam install vue-ressource --save-dev在main.js中引用vie-resource代码写在 Home.vue组件下：这样我们就可以用vue.js获取到从后台得到的数据json数据了。
您需要掌握的第一件事是数据库查询语句。这是最简单的数据库查询语句：SELECT*FROMsys_role，这意味着从角色表中查询所有信息。以下显示了查询结果。此结果需要显示在首页上。需要代码来调用这个sql语句。
vue3可以用于前后端不分离吗
前后端分离就是后端把数据都封装在一个url地址中，前端只要用ajax去请求就行。不用框架也能实现分离。vueangular是为开发效率而生的。
vue3不是没有成熟的后台管理框架。目前vue3已经有成熟的后端管理框架，如VbenAdmin。
你都说了是前后端分离，就不需要把vue嵌套php代码里。前后端用纯接口交换数据，找后端同事定义好restful接口，清楚返回的数据结构，接下来前端这块你就可以自己mock数据进行开发了。
但是vue开发是前后端分离开发，通过api进行交互，客户端请求服务器返回json数据，由客户端进行渲染。不仅减轻了服务器的压力速度更快而且渲染更加优雅，代码更容易维护。
前后端分离的意思是，前后端只通过JSON来交流，组件化、工程化不需要依赖后端去实现。
优点：性能好简单易用前后端分离单页面应用用户体验好缺点：vue是做单页应用的，多页应用虽然也可以做，但是不够灵活。缺点：新生儿：Vue.js是一个新的项目，没有angular那么成熟。