vue学习第一天

什么是MVVM模式，这样设计有什么优点

MVVM模式室友经典的软件构架MVC衍生出来的，当View(视层图)发生变化的时候，会自动更新到ViewModel(视图模型)，反之亦然，View和ViewModel之间通过双向绑定（data-bingding）建立联系。

创建一个vue对象并和视图进行绑定，然后在该div中分别用插值表达式、v-text、v-html获取到vm下data中的msg的值

    
===={{msg}}====
    
{{msg2}}
    
==============
    
==============

表情包无限加速，一键关闭功能改造

在点击“动起来”按钮的时候，会调用swim方法，同时创建一个新的定时器。多次点击后，因为多个定时器在同时工作会导致移速变快。要停止表情包的移动就要关闭所有的定时器。这时候需要创建一个arr数组来接收多个定时器的返回值，在stop方法中遍历arr数组，利用clearInterval()去一个个关闭。

    
{{face}}
    
    动起来
    停起来