------前端笔记----

Vue

W3cshool官网有前端的内容

Vue的生命周期：

从创建到销毁的整个过程。

Ajax：

作用：

1，通过Ajax可以给服务器发送请求，并获取服务器响应的数据。

2，异步交互，可以在不重新加载整个界面的情况下，与服务器交换数据并更新部分网页的技术。

原生的Ajax。

比较繁琐，存在浏览器兼容问题。

Axios

现在用Axios来封装Ajax程序

成功回调函数：请求成功后运行的函数。

简写方法；

前端接口文档的管理平台：YApi

前端工程化(创建一个Vue项目）：

Vue脚手架需要依赖环境nodejs.就类似于Java需要jdk.

1，安装nodejs.

下载

看资料里的安装文档。

选择安装到一个，没有中文，没有空格的目录下（新建一个文件夹NodeJS）

NodeJS 安装完毕后，会自动配置好环境变量，我们验证一下是否安装成功，

通过： node -v

配置npm的全局安装路径

使用管理员身份运行命令行，在命令行中，执行如下指令：

npm config set prefix "E:\develop\NodeJS"

注意：E:\develop\NodeJS 这个目录是NodeJS的安装目录

切换npm的淘宝镜像

使用管理员身份运行命令行，在命令行中，执行如下指令：

npm config set registry https://registry.npm.taobao.org

在命令行里下载脚手架工具

npm install -g @vue/cli

2，Vue项目创建

图形化界面创建的方法：

1，在桌面创建一个文件夹。

输入vue ui

自动调出vue的图形化界面。

创建项目

等待创建好，用VScode打开就行了。

方式二，在当前项目的命令行界面输入 npm run serve 来运行。

3，vue配置端口

Vue开发流程：

把定义的对象导出去，别的文件才可以导入这个模块。

Element组件

第一步：安装组件库。

第二部：引入组件库。

代码可以在官网找， “快速上手”

新建的vue组件放在views目录下

在集成终端打开，

导入在<script>下面写。

Element插槽:

Vue路由

 

打包部署：

把打包的文件部署在nginx上就行了。

查找系统哪个进程占用了80端口：

更改nginx默认的端口：