vue
12篇文章 · 0订阅
  • 在Vue中使用JSX的正确姿势(有福利)
    vue-antd-ui开源了一段时间后，收到了一些反馈，尤其是Form组件上线后，很多用户对JSX的使用感到迷惑和不习惯，为此专门介绍下Vue JSX的使用姿势及注意事项。 Vue 推荐在绝大多数情况下使用template来创建你的HTML。然而在一些场景中，你真的需要 Jav…
    Vue.js
  • 在vue中使用jsx语法
    JSX就是Javascript和XML结合的一种格式。React发明了JSX，利用HTML语法来创建虚拟DOM。当遇到<，JSX就当HTML解析，遇到{就当JavaScript解析. 想折腾一下呗,开玩笑.最开始是因为近期在学习react,在里面体验了一把jsx语法,发现也并没…
    Vue.js
    在vue中使用jsx语法
  • Vue开发规范经验总结(部分)
    这样你便可以在任何地方使用该组件，使得该组件更易于重用和测试。 data数据具有数据层级结构，切勿过度扁平化或者嵌套层级过深，若是过度扁平化会导致数据命名空间冲突，参数传递和处理，若是层级嵌套过深也会导致vue数据劫持的时候递归层级过深，若是嵌套层级丧心病狂那种的，小心递归爆栈…
    Vue.js
  • [译] Vue: scoped 样式与 CSS Module 对比
    It should not come as a surprise that CSS in modern web development is far from perfect. Nowadays, projects are usually quite complex and, …
    Vue.js CSS JavaScript
  • 带你全面分析vue-router源码（万字长文）
    在前一篇文章——聊一聊实现Vue路由组件缓存遇到的’坑‘中遇到的vue路由组件缓存问题已经解决并对项目进行了适当的优化改进，但是并未开探寻究vue-router的源码，这篇就继续上次的话题，深入分析vue-router源码中对导航守卫、动态参数匹配、过渡效果和异步组件等的实现。…
    前端 源码
    带你全面分析vue-router源码（万字长文）
  • 深入浅出理解vm.$nextTick
    在我们开发项目的时候，总会碰到一些场景：当我们使用vue操作更新dom后，需要对新的dom做一些操作时，但是这个时候，我们往往会获取不到跟新后的DOM.因为这个时候，dom还没有重新渲染，所以我们就要使用vm.$nextTick方法。 nextTick接受一个回调函数作为参数，…
    Vue.js
  • vue cli3.0 引入eslint 结合vscode使用
    最近一个项目里，最开始使用cli3.0搭建的时候没有默认选用eslint，导致现在有的人使用其他编辑器，就会出现格式错乱的情况。所以引入eslint做代码检测 面板会提示有xx个错误，而且会标明哪个文件。 至此eslint已经引入,并且可以自动修复。但是--fix并不能完全修复…
    Vue.js
    vue cli3.0 引入eslint 结合vscode使用
  • 简单理解Vue中的nextTick
    先来一个示例了解下关于Vue中的DOM更新以及nextTick的作用。 从图中可以得知：msg1和msg3显示的内容还是变换之前的，而msg2显示的内容是变换之后的。其根本原因是因为Vue中DOM更新是异步的（详细解释在后面）。 下面了解下nextTick的主要应用的场景及原因…
    Vue.js JavaScript 前端
  • vue插件开发、文档书写、github发布、npm包发布一波流
    做vue开发，基本的操作会了之后是不是特想撸一撸vue的插件，让自己的代码可（骚）复（骚）用（的）。别急，今天和你一起手摸手，哦呸，是手把手，一起撸一管，哦再呸，是封装一个基于vue的支付宝密码弹窗插件。然后还会介绍如何书写插件的markdown说明文档、发布到github、在…
    Vue.js Git GitHub
    vue插件开发、文档书写、github发布、npm包发布一波流
  • Vue 应用性能优化指南
    得益于 Vue 的 响应式系统 和 虚拟 DOM 系统 ，Vue 在渲染组件的过程中能自动追踪数据的依赖，并精确知晓数据更新的时候哪个组件需要重新渲染，渲染之后也会经过虚拟 DOM diff 之后才会真正更新到 DOM 上，Vue 应用的开发者一般不需要做额外的优化工作。 但在…
    Vue.js 前端 Webpack
    Vue 应用性能优化指南