在vue后台管理系统中如何打开一个全屏界面

vue后台管理系统打开全屏界面方法：

首先安装系统全屏插件screenfull，安装完成后。在点击全屏这个事件上，做操作，引入插件，在点击事件上直接复制，这样我们的点击全屏功能就可以打开了。

Vue是一个目前比较流行的前端框架，在业界也算很有名气，今天这里为大家罗列一下基于Vue的后端管理的框架。使用这些框架你会发现它包括了我们常用的路由，状态，交互等等，我们只需要去复用它的代码，加上一下我们自己少量的逻辑就能轻松的完成项目。

会为你节约更多时间喝喝咖啡等，给你一种“框架在手，天下我有”的感觉。

vue后台的其他功能：

登录鉴权功能是后台管理项目的基本需求，登录控制，权限分配，这些都是很普遍的功能。 在框架中已经做好了这部分的工作，我们来了解一下是怎么做的，对以后在框架的基础上做改进是有很大的帮助的。

Passport项目是一个基于Nodejs的认证中间件，支持本地登录和第三方账号登录验证。Passport目的只是为了“登陆认证”，因此，代码干净，易维护，可以方便地集成到其他的应用中。

一、 vue里页面之间传参通过router-link

二、vue里获取接口数据

和js原生对比不然发现有不同的地方,这里是对接口进行了一些封装

三、 结合数组函数map实现二级联动

四、 结合数组函数push、indexOf、splice增删输入框

五、渲染列表

列表里大部分用的都是input标签,然后渲染方式就是 绑定v-model双向绑定更改数据

六、父子通信

前言：Vue服务器采用nginx➕Vue为服务器；

请确保你是以拥有 sudo 权限的用户来登录的服务器

请按照下面的步骤，在 CentOS 中安装 Nginx。

类似于上面的内容，遇到这种情况，输入 y，然后 Enter（回车） 即可继续安装。

启动 Nginx：

sudo systemctl start nginx

通过运行以下命令，来检查 Nginx 的运行状态：

sudo systemctl status nginx

然后会输出类型下面的内容: 其中Active：active代表运行， failed代表暂停

通过下面的命令来打开这两个端口：

国内的服务器厂商，安全组也可能会默认屏蔽这两个端口，比如 阿里云 和 腾讯云，如果在 第 5 步 时发现无法访问，可以自行百度一下如何放开这两个端口。

你可以像管理其他服务那样管理 Nginx。

启动 Nginx

sudo systemctl start nginx

停止 Nginx

sudo systemctl stop nginx

重启 Nginx

sudo systemctl restart nginx

修改 Nginx 配置后，重新加载

sudo systemctl reload nginx

设置开机启动 Nginx

sudo systemctl enable nginx

关闭开机启动 Nginx

sudo systemctl disable nginx

本文引用： # 2019 年如何在 CentOS 7 上安装最新版 Nginx

注意：有可能会出现403 Forbidden，执行 setenforce 0 设置SELinux 成为permissive模式

---