以 vue 作为开发技术栈的前端开发者，往往会配合前端构建工具，进行项目的工程化管理。比如，大家常用的 vue 全家桶 + webpack 的方案进行一些中大型前端项目的开发。配合 webpack 后，vue 的组件化优势更加明显，我们可以通过单文件的组件化开发方式，在工作实践中搭建前端页面，从而提高开发效率。

vue单文件的开发过程中，在单文件模版中可能会涉及到文件路径的处理，比如 <img>, style 中的 background 的处理等。下文中讨论了几种不同场景下的 <img> 的 src 处理，解释了在使用 vue+webpack 的开发过程中如何正确的引用静态资源（比如图片的处理）。

Vuex2.0是Vue应用中的状态管理工具，通过其官方文档的阅读，我们可以知道Vuex采用集中式的状态管理完成应用的组件间状态共享以及通信。下文将从几个问题出发，具体解释关于Vuex2.0在中大型Vue应用实践中的那些事。

一、什么是Vuex

Vuex是Vue周边生态库的一个关于状态管理的工具，其目的是集中式的管理组件的状态。Vuex的开发思想借鉴了Flux、Redux以及The Elem Architecture。在Vue应用中使用Vuex可以方便的完成组件之间的状态共享，避免了使用事件的方式完成父子组件以及兄弟组件之间的通信。