此篇文章内容来源于@Adam Wathan的《Renderless Components in Vue.js》一文。 无渲染组件探索了一种模式来分离组件的表现和行为，无渲染组件只处理状态和行为，它们不会对设计或布局强加任何的决策。它从更高的层面去抽象组件，实现组件的复用。

一般来说，我们实现父子组件值的传递通常使用的是【props】和自定义事件【$emit】。父组件通过【props】将值传给子组件，子组件通过【$emit】将值传给父组件，父组件通过【$on】事件获取子组件传过来的值，如果说想要实现子组件修改父组件传过来的值，最容易的就是这种方法了…

1.情况一:作为局部变量来使用 A.传入的值想作为局部变量来使用,直接使用会 报错 这个错误是说的避免直接修改父组件传入的值,因为会改变父组件的值,贴上官网介绍 B.简单数据类型解决方案: 所以可以在data中重新定义一个变量,改变指向,但是也只是针对简单数据类型,因为复杂数据…

一个web app的实际使用场景中，有一些情景的交互要求，是记录用户的浏览状态的。最常见的就是在列表页进入详情页之后，再返回到列表页，用户希望返回到进入详情页之前的状态继续操作。但是有些使用场景，用户又是希望能够获取最新的数据，例如同级列表页之间切换的时候。 如此，针对上述两种…

不过这似乎并没有让我放弃，我可以起的早一点，也可以睡得晚一点。直到现在我写了约20万字，依然在持续更新，但我觉得它应该可以和大家见面了，大家久等了。 接下来让我介绍一下《Vue技术内幕》这套源码分析文章的特点，希望让你感受到我的诚意。 上面的链接拿走不谢，另外我要解释一下为什么…

从这段代码我们应该可以明白vue-server-renderer的作用是拿到vue实例并渲染成html结构，但它不仅仅只做着一件事，后面会介绍其他配置参数和配合webpack进行构建。 拿到html结构渲染到页面上是我们接下来要做的事情，这里官方事例用的是express搭建服务…

这是一个比较着急的事情（两天时间，写一个带视频播放、图片浏览、图文混排列表、上拉刷新、滚动刷新等等的单页），一开始同事使用传统H5+JS+CSS的方式，我担心进度，就硬着头皮上vuejs，为什么说硬着头皮上，原因是这是第二次在项目中使用vuejs，第一次使用的经历并不太好，主要…

我会通过两种不同的交互方式，它们对于父子组件间数据交互和兄弟组件间数据交互。 由于篇幅关系，本文主要介绍EventBus进行数据消息传递；关于运用Vuex框架进行状态管理在下一篇文章中介绍。 本章节会有大量的代码示例，为了让读者阅读轻松，做如下目录和组件介绍。本章节主要运用了两…

flex 布局 与 grid 布局。 实现 Vue SSR 。 从 SPA 使用最小成本迁移到 SSR 。 根据指定元素，在数组里面找出 ff 数组（ff 数组这个名字是我瞎说的）。比如数组 [2, 3, 6, 7] ，指定元素 7，则 ff 数组是 [2, 2, 3]（2+2…