Vue

vue3-admin-template 是一个后台前端解决方案，它基于 vue 和 element-plus实现，它使用了最新的前端技术栈，内置了动态路由，权限验证，提供了多种布局方式。

前言 vue3.x相关的生态已经在不断的完善中，相应的UI/路由/pinia等都已成熟，新的项目也在考虑使用新版本开发了，开一个帖子记录一下搭建移动端简易模版的过程，方便以后回顾。

Vue Router 是 [Vue.js] 的官方路由。它与 Vue.js 核心深度集成，让用 Vue.js 构建单页应用变得轻而易举。

Compostition API集合，解决Vue2组件开发问题 更好的TypeScript支持 新的Api支持 什么是reactive？ reactive是vue3中提供的实现响应式数据的方。

终于 Vue3 的正式版发布了，两年多的开发，多位贡献者的努力。凝聚了这么多优秀开发者的智慧和努力，注定 Vue3 会成为下一个前端主流开发框架。本篇文章将带领大家一步步学习和了解使用vue3,当然更多的是我的学习过程。 前端就是这样，要时刻保持学习，每个月都有新技术的产生。如…

因为公司项目用到的后台项目在逐渐的重构升级，因此将花裤衩大佬的开源后台做了一个抽离，只保留了基础架子。其余的组件页面根据需求开发，并且升级了部分包。

每天一个小技巧，每天一个优化点。慢慢积累慢慢总结。 按照以上配置内容，项目打包或者开发环境运行都会开启8888端口跑起来图形化分析页面。方便你优化。当然你也可以设置只在生产环境才开启，简单实用。 关注公众号「番茄学前端」，我会定时更新和发布前端相关信息和项目案例经验供你参考。 …

每天一个小技巧，每天一个优化点。慢慢积累慢慢总结。 按照以上配置内容，打包后的项目只会保留error和warn的console。 关注公众号「番茄学前端」，我会定时更新和发布前端相关信息和项目案例经验供你参考。 加个好友， 虽然帮不上你大忙，但是一些业务问题大家可以探讨交流。

目前社区有很多 Vue.js 的源码解析文章，很多大牛写的都非常详细，但说到底。光看文章自己不去研究源码和总结笔记，终究不会深入了解和记忆。 本篇文章将自己研究 Vue.js源码的一些内容做成笔记并且记录下来。加深印象和理解，俗话说读书百遍不如手写一遍。 MVC模式是指用户操作…

现在前端面试Vue中都会问到响应式原理以及如何实现的，如果你还只是简单回答通过Object.defineProperty()来劫持属性可能已经不够了。 本篇文章通过学习文档及视频教程实现手写一个简易的Vue源码实现数据双向绑定，解析指令等。 目前几种主流的mvc(vm)框架都实…

我们在Vue项目中路由跳转时希望出现一个进度条来显示当前跳转状态,或者在数据发起请求时有个loading提示框来提示当前正在加载数据,本篇文章简单介绍一下我在项目中的使用方法。 以上内容就是NProgress的用法了,是不是非常简单,大家动手实践一下很容易就明白了。 Eleme…

众所周知,我们在做前后端分离项目的时候,经常需要在本地起前端工程,接口希望拉取服务端的实际数据而不是本地的mock数据,而如果本地程序直接访问远程接口， 肯定会遇到跨域问题。 这还没完，现在我们要将项目部署到nginx上，此时原来可以访问的接口又访问不到了，所以这个时候还要对n…

我们在使用vue进行项目开发的时候,很多时候会手撸样式或者使用ui框架,这时候ui框架提供的原生icon图标可能会满足我们现有的需求,这时候我们就可以引用第三方图标库来达到我们的需求。 以上就是如何在vue中引用阿里图标的详细步骤了,完结撒花。

富文本是管理后台一个核心的功能，但同时又是一个有很多坑的地方。在选择富文本的过程中我也走了不少的弯路，市面上常见的富文本都基本用过了，最终权衡了一下选择了Tinymce。 这里在简述一下推荐使用 tinymce 的原因：tinymce 是一家老牌做富文本的公司(这里也推荐 ck…

Excel 的导入导出都是依赖于js-xlsx来实现的。 在 js-xlsx的基础上又封装了Export2Excel.js来方便导出数据。 由于 Export2Excel不仅依赖js-xlsx还依赖file-saver和script-loader。 由于js-xlsx体积还是很…

Vue中提供了一些固定的标签来方便我们在开发过程中使用，并且在开发过程中，我们很有可能因为要使用某些第三方库而不得已要操作DOM元素，因此如何获取并操作DOM元素的使用呢。 通过v-for渲染出来的标签不能使用transition包裹， 需要使用transition-group…

自从Vue2.0发布后，Vue就成了前端领域的热门话题，github排名已经是前几名了，那么对于新手来说，如何高效快速的学习Vue2.0呢。 和之前一样，推荐直接用html+js过一遍文档对路由导航钩子得好好看一看。看完文档就可以上手vue-cli，一般新手在这几天都会死活跑不…

学习组件，我们首先要了解什么是组件。组件是Vue可以复用的Vue实例，且带有一个名字，在Vue中我们可以定义多个组件，在多个不同的页面的中引用多个多不同的组件，减少开发的工作量。因为组件是可复用的Vue实例，所以它们与new Vue接收相同的选项，例如：data,compute…

Vue 在插入、更新或者移除 DOM 时，提供多种不同方式的应用过渡效果。 第一步： 需要把动画控制的元素用一个transition元素包裹起来，这个元素是Vue官方提供的。 第二步： 需要在style中定义你要控制元素的动画效果, Vue官方提供了6个class切换。 注意：…

在 vue2.0 项目中， 我们主要通过使用 axios 进行 http 请求。 axios 是一个基于 Promise 的 HTTP 库， 可以在 node 和浏览器中使用。 从浏览器中创建XMLHttpRequests。 从 node.js 创建 http 请求。 4. i…