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默认的端口: