基于一个后台管理页面，浅谈一下两个功能模块之间的关系。以下图片为后台管理中心部分功能模块，本次选取 总览 和 会员管理 两个模块，谈一下业务关系~由于本次要谈的是后台管理系统，做B端产品，当然要做一个总结性的页面，就是总览页面。作为用户进入后台系统的第一页，总览页面的使用体验，决定了用户对产品的第一印象。后台产品中，总览其实是一个非常重要的功能，系统首页相当于这个产品的脸面，用户登录后，首先看到的是系统的首页，才会看到其他的系统功能，但在很多产品中又很容易把它忽略，尤其是内部使用的后台产品。

什么是hook？—— 本质是一个函数，把setup函数中使用的Composition API进行了封装类似于vue2.x中的mixin自定义hook的优势: 复用代码, 让setup中的逻辑更清楚易懂。

生成随机数据，拦截Ajax请求了解一项技术，官网当然要知道。

props/emit传参是最基础的组件通信方式，父组件通过props可以向子组件进行通信，子组件通过emit向父组件进行通信。最常见的父子组件通信方式props支持参数验证emit 只会触发父组件的监听事件不适合多层次组件参数传递，需要逐层传递参数通过 $patent / $children 可以拿到父子组件的实例 ，从而调用实例里的数据方法，实现父子组件通信eventBus,相当于所有组件共用一个事件中心，这个事件中心用来管理事件，当我们需要的时候就向事件中心发送或者接收事件。

组件/Vue在创建到销毁会经历一系列特殊的过程，称为生命周期。在过程中执行的回调函数 称为生命周期钩子函数。可以让我们 在恰当时期，做一些自动操作created 应用这篇分享就到这里了

之所以要二次封装axios，是有一些公用的事情，每次请求都要做；

插件（Plugins）是一种能为Vue添加全局功能的工具代码。import {/* 可选的选项 */ })通过Vue.use 来注册插件(如果是一个对象，必须提供install方法。如果插件是一个函数，它会被作为install方法。install方法调用时，会将Vue作为参数传入)插件是一个对象，必须实现install方法插件需要在vue 文件中使用 Vue.use(插件)

1. 理解： 一个路由（route）就是一组映射关系（key - value），多个路由需要路由器（router）进行管理。2. 前端路由：key是路径，value是组件。

作用：操作dom，实例化第三方基于dom的插件当被插入时候inserted只绑定一次 bind更新时候运行 update1.定义注意：template有且只有一个根节点``}2.在父组件中注册3.在组件的模板中使用。

虽然计算属性在大多数情况下更合适，但有时也需要一个自定义的侦听器，当需要在数据变化时执行异步或开销较大的操作时，这个方式是最有用的。Vue.js 做了专门的增强。表达式结果的类型除了字符串之外，还可以是对象或数组。:class="{类名：布尔值;}" true 使用 false 不使用。首个被找到的元素在数组中的索引位置;若没有找到则返回-1。用v-bind给标签class设置动态的值。注意：引用数据类型需要添加处理器。

我们可以使用v-on指令 (通常缩写为@符号) 来监听 DOM 事件，并在触发事件时执行一些 JavaScript。

尤雨溪创造，V2 与 V3流行Vue是一套用于构建用户界面的渐进式框架结合了angular的指令与react的组件，虚拟dom。