通过上图, 应该可以理解一个Vue组件是如何运行起来的. render渲染函数, render渲染函数是用来生成Virtual DOM的. Vue推荐使用模板来构建我们的应用程序, 在底层实现中Vue最终还是会将模板编译成渲染函数. 因此, 若我们想要得到更好的控制, 可以直接…

大家好，我是六六。在开发中我们经常会使用到过滤器，作用就是来格式化一下我们的文本。但是过滤器原理是什么呢？今天我来为大家揭秘一下，向大家传授一下这过滤器神奇的魔法。当然如果有不对的地方，也请大家多多指教了。 1. 过滤器的用法 注册或获取全局过滤器。 注意注意，实际上我们传入了…

1. Vue 响应式原理 Dep : 用于收集当前响应式对象的依赖关系,每个响应式对象包括子对象都拥有一个 Dep 实例（里面 subs 是 Watcher 实例数组）,当数据有变更时,会通过 dep.notify()通知各个 watcher。 watcher 中实例化了 de…

在组件中使用 $route 会使之与其对应路由形成高度耦合，从而使组件只能在某些特定的 URL 上使用，限制了其灵活性。 函数式组件是无状态，它无法实例化，没有任何的生命周期和方法。创建函数式组件也很简单，只需要在模板添加 functional 声明即可。一般适合只依赖于外部数…

优化 vue 初始化性能

Vue的使用按照官方的说法支持CDN和NPM两种方式，CDN的方式是以script的方式将打包好的vue.js引入页面脚本中，而NPM的方式是和诸如 webpack 或 Browserify 模块打包器配置使用，以npm install vue的方式引入，这也是我们开发应用的主…

需要给所有查询页面加上筛选条件缓存功能，查看了一下现有代码，发现每个页面都有大量冗余的关于本地存储和远端存储的代码，并且每个页面的存储逻辑都略有不同，想了半天，愣是一行代码没写下去。我离开座位，就一直想，到底是什么东西在妨碍我，最后所有矛头都指向一点——缺少通用流程。 项目在产…

去年年底自己搭了一个vue在移动端的开发框架，感觉体验不是很好。上个星期又要做移动端的项目了。所以我花了两天时间对之前的那个开发框架做了以下优化 如果每个页面在数据加载完成前，展示loading。你首先想到的是每个页面设置状态，show和hide状态。但是这样冗余代码太多了，而…