vue 组件中this指向

今天开始学习慕课网的“去哪网”app开发，之前用学了一段时间对vue还是没有深刻理解透，先在开始要从新开始学习vue，今天学的第一堂课是vue 中v-model、v-for的简单例子，以前改变dom中的数据是操作dom来改变dom中的文本,vue提供的改变数据来改变dom中的内容，这样很大程度上提高了性能，组件中方法中的this是当前组件，可以改变当前组件中的data()方法中的数据，进而改变dom 中的数据，v-for是循环数据中的数组和对象，从而渲染页面的内容，比较方便简单，要是在以前放到dom中要一点点写入编辑页中，现在只要循环组件中的data数据的数组或对象就可以渲染内容到页面中。

vue 是MVVM形式，M是所有的数据，写入的dom标签实际上就是V层，当数据改变的时候VM层展示新的V层，VM层不是我们来实现的，vue就是VM层，它会帮我们搞定这个事，监听到数据变了，视图层也会发生改变，当事件改变M层的数据，视图层也会发生相应的改变，当我们使用MVVM框架开发的时候最重的M层，我们需要把注意力集中到M层，以前使用jquery是面向dom进行编程，现在是面向数据进行编程，使用MVVM框架操作，dom操作被极大的简化了，可以减少至少30%的代码量。

使用组件化在大型的项目上会续维护上极大的提高，每个组件就是页面中的一个区域。