胖蔡叨叨叨
你听我说

Vue

Vue2通过自定义指令实现按钮权限控制-胖蔡叨叨叨

Vue2通过自定义指令实现按钮权限控制

阅读(11)评论(0)赞(0)

目前较为常见的后台管理系统开发过程中,需要将系统菜单、功能权限粒子化,一般需要将权限分为:路由权限和功能权限,一般的菜单权限我们可以通过后端控制返回特定路由信息动态加载菜单路由,而功能权限我们可以通过控制功能触发动作即按钮操作来控制权限,本...

Vue2的变化侦测机制-胖蔡叨叨叨

Vue2的变化侦测机制

胖蔡阅读(18)评论(0)赞(0)

Vue最引人所乐道的就是其数据双向绑定式模式,以数据驱动视图。通过数据的改变实现视图的实时更新的这一过程其实就是对数据的一个状态的追踪,那么Vue2是通过何种方式实现界面的实时动态变化的呢?本篇文章主要介绍Vue2的这种变化侦测机制的实现原...

Vue实现的虚拟Dom-胖蔡叨叨叨

Vue实现的虚拟Dom

胖蔡阅读(21)评论(0)赞(0)

所谓虚拟DOM,就是用一个JS对象来描述一个DOM节点。虚拟DOM的实现可以降低我们对于真实DOM的操作频率,提高页面的操作性能。通过结构化数据来描述真实DOM信息。如下,我们看下真实DOM和虚拟DOM的差异。

Vue3中如何使用Provide和Inject实现通信-胖蔡叨叨叨

Vue3中如何使用Provide和Inject实现通信

胖蔡阅读(97)评论(0)赞(0)

在对等级之间传参中,像是是父子,我们使用props是ok的,但是有一些深度嵌套的组件,而深层的子组件只需要父组件的部分内容。在这种情况下,如果仍然将 prop 沿着组件链逐级传递下去,可能会很麻烦。这里就要用到上面的第四种方法(provid...

如何在Vue中使用mockjs-胖蔡叨叨叨

如何在Vue中使用mockjs

胖蔡阅读(83)评论(0)赞(0)

Mock是值在开发之初当我们一起写代码的时候,后台小伙伴们还没有设计号库表、还没有开始写接口的时候,我们前端小伙伴需要同步开发怎么办?这个时候就需要mockjs的协助了,我们可以根据mockjs来根据页面元素自己先行构造数据接口,模拟接口请...

完美的兼容性好的前端文件下载方式探讨

胖蔡阅读(177)赞(0)

在项目中,经常会遇到文件下载的需求。一开始,都是copy既有项目的下载方法,用于自己的项目。但是,渐渐发现,copy过来的方法,有时会出现这样那样的问题,而且不同的项目,用的方法又是不一样的,没有一个通用的方法。 故感觉自己在文件下载这块,...

如何在vue中引入外部的js库-胖蔡叨叨叨

如何在vue中引入外部的js库

胖蔡阅读(432)赞(0)

前段时间有朋友问如何在vue中引入外部的js文件。乍一听觉得奇怪,不是可以通过yarn,npm工具去下载依赖引入吗?仔细了解才知道有些三方的JS比较古早,并不支持vue的方式去模块化引又或者远程环境容易被墙,我就想要直接引用下载好的三方库,...

简单了解Vue3中的proxy

胖蔡阅读(380)赞(0)

Vue3使用的proxy是什么? 众做周知Vue2的双向绑定原理是利用了ES5的一个APIObject.defineProperty()对数据进行劫持,结合发布订阅模式的方式来实现的。 而Vue3 中则是使用了ES6的Proxy 对数据代理...