MeQingJe

1. 预览城市组件 2. 组件基础结构代码 3. 实现功能代码： 4 注意点 4.1 需要传递的值 从父组件传进来的值，是为了要默认显示在页面中的 4.2 在组件外部点击隐藏 具体功能看下图： 5 注

1. 回调地狱的出现形式 举个栗子： 输出结果：先2s拿到油条，再1s拿到豆浆 2. 回调地狱现象 3. promise对象 promise的详细用法请看===> js中的promise对象 结果依旧

1.预览分页组件效果图 2. 分析需求 常用 需求： 页码的按钮数量默认给予5个，也可以按照需求，进行传入修改 3. 基础实现翻页交互效果代码： 4. 接下来是基础功能实现的代码： 主要是借助子传父，

使用场景：接口返回一个数组，展示时每行固定显示n个，则可将返回的数组转成二维数组[[...n], [...n]...]的形式循环展示 1. 一维数组转二维数组 输出： 将其封装为如下： 结果如下图 2

首先 symbol 是以函数形式存在的，调用这个函数可以拿到这个symbol值 都会输出：==> 再打印一下他是什么类型的： 它本身是个symbol类型 也可以用字符串来对它进行一个描述 symbol

问题：当几个页面渲染在同一个路由下，依靠id来改变页面时，页面地址改变了但是页面并没有变（视图没有更新） 问题解析： 虽然地址改变了，但是页面只会创建一次，不会再次去发送请求,setup只会执行一次，

定义自定义指令 在main.js中定义自定义指令 2. 使用自定义指令 3. 输出自定义指令钩子函数的两个参数 4. 将代码封装到directives/index.js 在main.js中引入，并使用

1. 借用插件 @vueuse/core 2. 引用插件 3.使用 4. 对数据懒加载进行封装 这里将此文件放入compositions/index.js中 5. 使用封装好的数据懒加载

面板骨架组件的作用：在页面加载数据之前显示骨架样式 以上代码显示效果如下图： 可以传递的值有：宽高背景颜色，可以根据需求再决定别的传递参数 使用时，引入这个组件，通过父传子传值即可