当在开发各种系统应用时，我们常常需要根据不同用户角色来展示不同的菜单页面，动态路由提供了灵活的路由规则，可以根据需要轻松添加、修改或者删除路由，不仅提升用户体验，还增强应用的安全性，避免无权限用户访问

【导读】本文总结了前端面试中经常问到的vue高频面试题，仅供参考。 下图为思维导图： 1.vue的生命周期有哪些及每个生命周期做了什么？ beforeCreate是new Vue()之后触发的第一个钩

本文主要对Vue2和Vue3主要功能做了详细的对比，为了直观的感受，文章采用选项式Api，组合式Api，setup语法糖三种不同方式分别展现

Vue3 生命周期 简介 首先一点呢， Vue2 和 Vue3 中的生命周期钩子的工作方式基本上是一致的，而且如果项目中使用的选项API，基本上不需要更改什么代码， 因为 Vue3 是向下兼容的，如果

好像基础的东西总是容易被遗忘，所以要经常复习！20个超实用的JS简写小技巧，欢迎大家花几分钟，一起来温习温习~~~~

1.重要性 当我们面试的时候，前端性能优化方面算是必考的知识点，但是工作中我们又很少会重点的对项目进行前端优化，它真的不重要吗？ 如果我们可以将后端响应时间缩短一半，整体响应时间只能减少5%~10%。

推荐先阅读 webpack 入门教程之后再来阅读本文。 webpack 4 最大的改动就是废除了 CommonsChunkPlugin 引入了 optimization.splitChunks。 webpack 4 的Code Splitting 它最大的特点就是配置简单，如果…

Vue 框架通过数据双向绑定和虚拟 DOM 技术，帮我们处理了前端开发中最脏最累的 DOM 操作部分， 我们不再需要去考虑如何操作 DOM 以及如何最高效地操作 DOM；但 Vue 项目中仍然存在项目首屏优化、Webpack 编译配置优化等问题，所以我们仍然需要去关注 Vue …

众所周知，以下代码就是 vue 的一种直接上手方式。通过 cdn 可以在线打开 vue.js。一个文件，一万行源码，是万千开发者赖以生存的利器，它究竟做了什么？让人品味。 源码cdn地址：https://cdn.jsdelivr.net/npm/vue/dist/vue.js，…