小明的一天

文章内容参考自菜鸟教程。只是本人在安装时，对一些必要步骤进行了截图，以便更加明了清晰。同时，也指出了可能会踩到的一些坑。

前言： 前几天客户经理不让我用某饿了么之类的UI库做一个轻提示之类的组件，当时一想我是饿了么战士，怎么会写哪个东西，然后我就想着用个alert糊弄过去，但是不行，然后我就细琢磨，发现Vue有个非常不错

概述： 在前端项目中，有时会需要通知、提示一些信息给用户，尤其是在后台系统中，操作的正确与否，都需要给与用户一些信息。 1. 实例 在页面的右侧会出现一个Toast弹框，多次点击时，会依照顺序进行显示，并且Toast可自动关闭，具体效果如图。 2. 原理 在组件外构建一层代理并…

能够根据外部传入的total(数据总数)，以每页10条数据变化页面总数。 页数pages小于8时，显示全部页码。 页数pages大于7时，自动调整显示的页码，其余页码省略代替。 页数pages大于7时，页码显示规则为显示当前页（current）+-2个页码以及第一页和最后一页页…

这是村长整整花了一个月时间收集题目，亲自手写答案，录制讲解视频，汇集了50+以上经典的Vue面试题，每题我都力争做到源码级的解析，希望大家可以深入学习，如果你喜欢请务必点赞、收藏、留言支持我~

本文主要通过代码来展示，如何封装选项式Api的生命周期钩子函数（骚操作）和组合式Api的生命周期钩子函数，以及他们之间的不同之处。

在 B 端的 web 开发中，分页组件或者叫分页器，是较为常用的控件之一，通常配合表格或列表，实现数据量大的情况下，分页拆解数据的功能。

在 B 端的 web 开发中，分页组件或者叫分页器，是较为常用的控件之一，通常配合表格或列表，实现数据量大的情况下，分页拆解数据的功能。

下面是公司搭建的真实项目开发环境我提炼出来比较重要的一些知识点作为内部技术分享。 打包成功后，会在项目的根目录自动创建一个 dist 文件夹，里面的 main.js 文件就是我们打包后的文件。 注意：若不想将配置写在配置文件中，可在项目根目录创建 babel.config.js…