学完了 Element 组件后，我们会发现组件其实就是自定义的标签。例如 就是对的封装。
本质上，组件是带有一个名字且可复用的 Vue 实例，我们完全可以自己定义。
定义格式：
Vue.component(组件名称,{ props:组件的属性, data:组件的数据函数, template:组件解析的标签模板 })代码
[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-j2Em2xX8-1593824676041)(E:\每日讲课笔记\WEB_new\14-ElementUI+案例（双元）\Vue和综合案例\img\1593484402390.png)]
[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-C1O5GywU-1593824676044)(C:\Users\HUANGHAI\AppData\Roaming\Typora\typora-user-images\1593477095742.png)]
生命周期的八个阶段
状态阶段周期beforeCreate创建前created创建后beforeMount挂载前mounted挂载后beforeUpdate更新前updated更新后beforeDestroy摧毁前destoryed摧毁后created(Vue实例创建完成，页面还没有加载也没有解析)
mounted()
在Vue中发送异步请求，本质上还是 AJAX。我们可以使用 axios 这个插件来简化操作！
使用步骤
引入 axios 核心 js 文件。
调用 axios 对象的方法来发起异步请求。
调用 axios 对象的方法来处理响应的数据。
axios常用方法
方法名作用get(请求的资源路径与请求的参数)发送GET方式请求post(请求的资源路径，请求的参数)发送POST方式请求then(response)请求成功后的回调函数，通过response获取响应的数据catch(error)请求失败后的回调函数，通过error获取错误信息自定义组件：本质上，组件是带有一个名字且可复用的 Vue 实例，我们可以自己来定义。
生命周期：核心八个阶段
beforeCreate：创建前
created：创建后
beforeMount：载入前
mounted：载入后
beforeUpdate：更新前
updated：更新后
beforeDestroy：销毁前
destroyed：销毁后
异步操作：通过 axios 插件来实现。
iframe的使用
作用：他可以在当前页面中嵌入其他页面
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <h1>hello world</h1> <iframe src="login.html" frameborder="false" style="top:80px;left: 120px; width: 100%;height:500px"></iframe> </body> </html>filter
过滤任何请求