MVVM模型M：模型(Model)：对应data中的数据V：视图(View)：模板（理解为html页面)VM：视图模型(ViewModel)：Vue实例对象数据驱动视图：如上图所示ViewModel充当着监控者的角色，监控到了mode数据发生变化，便会通知view试图进行更新，这个过程并不需要参与其中插值语法{{}}可以插入表达式不能放if，不会产生值，可以放三元表达式vm实例中data里的属性都可以通过Vue实例vm调用事件处理鼠标事件v-on:可替换为@//默认给show传event参数：代表这次触发的事件事件修饰符：.stop阻止事件冒泡，从此元素开始不往上冒了.once事件只触发一次.
文本Text文本对齐TextAlignweb内容大部分都是文本。CSS里面的text-align属性可以控制文本的对齐方式。text-align:justify;将文本隔开，使每行的宽度相等。text-align:center;可以让文本居中对齐。text-align:right;可以让文本右对齐。text-align:left;是默认值，它可以让文本左对齐加粗Bold使用strong标签来加粗文字。粗体文字一般用来吸引读者注意或用来表示强调。使用font-weight来加粗文字。font-weight:bold;font-weight:XXpx;下划线Underline使用u标签来给文字添加
以前写过一篇在Linux上从零开始部署前后端分离的Vue+Springboot项目，但那时候是部署自己的个人项目，磕磕绊绊地把问题解决了，后来在公司有了几次应用到实际生产环境的经验，发现还有很多可以补充的地方，很多指令和下载地址每次用到的时候再找就相对麻烦，通过这篇文章可以做一个记录。另外，之前漏掉了很重要的Linux版本，因为以前不太了解，一直使用的都是CentOS7，这次选择系统的时候看到CentOS后续会停止维护，所以决定换一个版本学习一下，Linux版本非常多，通常我们可以选择CentOS、Debian、Ubuntu等，具体的区别可以自己去查下，这里我选择了Debian11.1作为新的
文本Text文本对齐TextAlignweb内容大部分都是文本。CSS里面的text-align属性可以控制文本的对齐方式。text-align:justify;将文本隔开，使每行的宽度相等。text-align:center;可以让文本居中对齐。text-align:right;可以让文本右对齐。text-align:left;是默认值，它可以让文本左对齐加粗Bold使用strong标签来加粗文字。粗体文字一般用来吸引读者注意或用来表示强调。使用font-weight来加粗文字。font-weight:bold;font-weight:XXpx;下划线Underline使用u标签来给文字添加
以前写过一篇在Linux上从零开始部署前后端分离的Vue+Springboot项目，但那时候是部署自己的个人项目，磕磕绊绊地把问题解决了，后来在公司有了几次应用到实际生产环境的经验，发现还有很多可以补充的地方，很多指令和下载地址每次用到的时候再找就相对麻烦，通过这篇文章可以做一个记录。另外，之前漏掉了很重要的Linux版本，因为以前不太了解，一直使用的都是CentOS7，这次选择系统的时候看到CentOS后续会停止维护，所以决定换一个版本学习一下，Linux版本非常多，通常我们可以选择CentOS、Debian、Ubuntu等，具体的区别可以自己去查下，这里我选择了Debian11.1作为新的
DDL（DataDefinitionLanguage）：数据定义语言，用来定义数据库对象（数据库，表，字段）。数据库操作查询所有数据库showdatabases;查询当前数据库selectdatabase();创建数据库createdatabase[ifnotexists]数据库名[defaultcharset字符集][collate排序规则];/*例：创建一个study数据库，并且指定字符集*/createdatabaseifnotexistsstudydefaultcharsetutf8mb4;删除数据库dropdatabase[ifexists]数据库名;切换数据库use数据库名;表操作
DDL（DataDefinitionLanguage）：数据定义语言，用来定义数据库对象（数据库，表，字段）。数据库操作查询所有数据库showdatabases;查询当前数据库selectdatabase();创建数据库createdatabase[ifnotexists]数据库名[defaultcharset字符集][collate排序规则];/*例：创建一个study数据库，并且指定字符集*/createdatabaseifnotexistsstudydefaultcharsetutf8mb4;删除数据库dropdatabase[ifexists]数据库名;切换数据库use数据库名;表操作
回顾第一篇文章中谈到的组件库的几个方面，只剩下最后的、也是最重要的组件库的打包构建、本地发布、远程发布了。1组件库构建组件库的入口是packages/yyg-demo-ui，构建组件库有两个步骤：添加TypeScript的配置文件：tsconfig.json添加vite.config.ts配置文件，配置打包方式。1.1tsconfig.json在packages/yyg-demo-ui中添加tsconfig.json文件：{"compilerOptions":{"target":"ESNext","useDefineForClassFields":true,"module":"ESNext",
JSONOBJECT解析数据若JSON格式数据如下所示：[{"id":"5","version":"5.5","name":"ClashofClans"},{"id":"6","version":"6.0","name":"BoomBeachx"}]可以看到要解析的数据是一个JSON数组，故将数据传入JSONArray对象中，然后循环从中取出JSONObject对象，并调用getString()方法取出数据，代码如下：JOSONArrayjsonArray=newJSONArray(jsonData);for(inti=0;iGSON解析数据先在build.gradle的dependencie
回顾第一篇文章中谈到的组件库的几个方面，只剩下最后的、也是最重要的组件库的打包构建、本地发布、远程发布了。1组件库构建组件库的入口是packages/yyg-demo-ui，构建组件库有两个步骤：添加TypeScript的配置文件：tsconfig.json添加vite.config.ts配置文件，配置打包方式。1.1tsconfig.json在packages/yyg-demo-ui中添加tsconfig.json文件：{"compilerOptions":{"target":"ESNext","useDefineForClassFields":true,"module":"ESNext",
