前天有幸看了尤雨溪 、月影、 郭辉、屈光宇 几位大佬的 《畅聊 Vue 3.0 & 前端技术新趋势》，属实 vue3 生态周边大全 的一波好家伙给震撼到了； 虽然我看直播中说的最多的是 别更新了

vue 作为目前前端三大框架之一，对于前端开发者可以说是必备技能。那么怎么系统地学习和掌握 vue 呢？为此，我做了简单的知识体系体系总结，不足之处请各位大佬多多包涵和指正，如果喜欢的可以点个小赞！本文主要讲述一些vue开发中的实用技巧。 当然这里不仅仅是可以监听 mounte…

前端路由实现起来其实很简单，本质就是监听URL的变化，然后匹配路由规则，显示相应的页面，并且无须刷新。vue-router共有三种守卫，分别是全局守卫、路由独享守卫、组件内的守卫。 导航被触发。 在失活的组件里调用离开守卫。 调用全局的 beforeEach 守卫。 在重用的组…

如果非要在beforeCreate()取data也不是没有办法，异步方式可以通过this.$nextTick()或seTimeout，同步方式可以通过this.$options。当然一般不会这么操作。 在实例创建完成后被立即调用，可以操作data、computed、watch、…

什么是骨架屏呢？骨架屏(Skeleton Screen)是指在页面数据加载完成前，先给用户展示出页面的大致结构（灰色占位图），在拿到接口数据后渲染出实际页面内容然后替换掉。Skeleton Screen 是近两年开始流行的加载控件，本质上是界面加载过程中的过渡效果。 假如能在加…

代码已放到Github上。可以下载跟着练习一下。 当子组件渲染的时候，<slot></slot> 将会被替换为“确定”。slot是不会被渲染的,它是用来接收父组件传过来的内容。 游戏卡就是父组件传给的内容,插口就相当于子组件的slot标签,组合起来就是最终的渲染。 当然上述就是…

Vue 生命周期大概就是：一个从 Vue 实例的创建到组件销毁的一个的过程。 具体情况下，我们分为几个核心的阶段，并且每个阶段都有一套钩子函数来执行我们需要的代码。 组件缓存，activated 与 deactivated，这两个钩子也是一对的，分别表示被 keep-alive…

对于那些开始学习Vue的人来说，对于方法、计算属性和观察者之间的区别有点混淆。 尽管通常可以使用它们中的每一个来完成或多或少相同的事情，但了解每个人在哪里胜过其他人还是很重要的。 在这个快速提示中，我们将了解Vue应用程序的这三个重要方面及其用例。我们将通过使用这三种方法中的每…

之前写的Vue基础知识合集中已经包含了传值的知识点,但是由于内容太多,所以我把这个面试中的重要问题单独拿出来,进行详细解释,如果想看Vue基础知识合集可以访问https://juejin.im/pos