本文已经授权掘金开发者社区公众号独家使用，包括但不限于编辑、标注原创等权益。 有一些问题不限于 Vue，还适应于其他类型的 SPA 项目。 1. 页面权限控制和登陆验证 就是一个网站有不同的角色，比如管理员和普通用户，要求不同的角色能访问的页面是不一样的。如果一个页面，有角色越…

我们在写一些常规后台页面的时候，避免不了是需要经常和表单打交道。所以可以想偷懒的小伙伴可能会考虑有没有办法不去做表单工程师?用代码解决重复的人肉工作，没错，我们可以通过 JSON Schema 来描述我们的表单信息，这比重复的写表单控件可方便多了。 但是 JSON Schema…

建议结合源码一起阅读，效果更好（这个 DEMO 使用的是 Vue 技术栈）。 1. 编辑器 先来看一下页面的整体结构。 这一节要讲的编辑器其实就是中间的画布。它的作用是：当从左边组件列表拖拽出一个组件放到画布中时，画布要把这个组件渲染出来。 用一个数组 componentDat…

在 Vue，除了核心功能默认内置的指令 ( v-model 和 v-show )，Vue 也允许注册自定义指令。它的作用价值在于当开发人员在某些场景下需要对普通 DOM 元素进行操作。

现在，Vue.js已成为前端开发的热门框架。有很多工程师利用Vue.js的便利性和强大功能。但是，我们完成的某些解决方案可能未遵循最佳做法。好吧，让我们看一下那些必备的Vue技术。 1. 函数组件 创建一个函数组件非常容易，你需要做的就是在SFC中添加一个 functional…

每天都在写代码，虽然手底下马不停蹄的敲，但是该来的加班还是会来的，如何能更快的完成手头的工作，提高自己的开发效率，今天小编给大家带来了这几个Vue小技巧，终于可以在六点像小鹿一样奔跑着下班了。 先赞后看，艳遇不断，哈哈哈哈 前几天产品经理给我甩过来一份管理系统的设计原型，我打开…

beforeCreate阶段：vue实例的挂载元素el和数据对象data都是undefined，还没有初始化。 更准确：因为带 key 就不是就地复用了，在 sameNode 函数 a.key === b.key 对比中可以避免就地复用的情况。所以会更加准确。 2.当我们需要在…

大家好啊，我是wangly19，一名前端摸鱼小能手。最近忙着开源项目的东西，还有公司项目的迭代问题，导致更新文章的频率有点低了。也来聊聊我在干嘛吧。 第一个事情就是比较我的阉割版UI Design，要开始Vue3.0的开发工作，所以近期都在看Vue3.0的东西。 其次就是和UI…