前言写完完结章的那些日子，Vue版本稳定在2.5.10。弄清楚Vue的脉络之后，我就作为一个经历过无数坑的人，说说我在MVVM时代遇到的事情。接下来，正文从这里开始~很多学习Vue的童鞋灯下都有误区。比如看各种Vue入门视频教程，浏览各种Vue学习笔记的技术博客，逛各种叫Vue技术交流的大群。...殊不知你们都是骑驴找马绕道。其实通往MVVM时代最直的路就是看官方文档，简单粗暴但有效。读一遍不明白，再多读几遍。书读百遍，见其义，是此也。你按照官方文档，然后用vue-cli脚手架搭好环境，找个iview之类的UI组件库直接启动，多练自然就来了。如果你在公司项目中遇到无法解决的问题，请直接请贵公司的前端老大吃个火锅，喝三杯酒。大哥，再趁着工作的机会问一下，那你的Question还是Question吗？噗~接下来分几个部分梳理一下我的vue进阶之路：VueDevtools有句老话，工欲善其事，必先利其器。我们在开发Vue项目的时候，强烈推荐在你的Chrome上安装VueDevtools，它是一个古老的调试和审查Vue应用的神器。别问我怎么FQ安装这个插件，我也是借了Lantern的梯子，在Chrome网上商店搜索了对应的扩展。如果你是伸手党，欢迎加入我的前端圈，那里有你想要的安装器。从上图中我们可以看到，组件的prop属性、computed属性、vue的getter属性等，以及Vuex中触发的mutation、state的当前值等，都被直观的展示出来了。为什么要在HTML中监听事件您可能已经注意到，这种监听事件的方式违反了长期以来的关注点分离传统。不过不用担心，因为所有Vue.js的事件处理方法和表达式都与当前视图的ViewModel严格绑定，不会造成任何维护困难。事实上，使用v-on有几个好处：一眼就能找到JavaScript代码中相应的方法。因为您不必在JavaScript中手动绑定事件，所以您的ViewModel代码可以是非常纯的逻辑，与DOM完全解耦，并且更易于测试。当ViewModel被销毁时，所有事件处理程序都会自动删除。您不必担心如何自己清洁它们。如何理解组件槽对于一个灵活的组件来说，可更换的组件是非常重要的。Vue提供了一个叫做slot的概念，它使用slot标签作为内容槽的占位符。俗话说，Talkischeapshowyourcode。快贴上我的代码~定义代码：123
