为什么使用vue？
上图分别用JQuery和Vue实现了简单的加减控制器：
JQuery的实现，使用JQuery需要先获取DOM元素，然后在DOM元素上绑定click事件，然后在事件回调中改变count数据，最后手动的把数据输出到DOM元素上。
Vue的实现，不需要获取DOM，直接把事件绑定到相应的DOM上，然后在事件回调里修改count数据，不需要手动输出数据到DOM元素上，Vue在底层已经帮我们做了这件事情。
总结：
| JQuery | Vue |
|---|---|
| 面向DOM | 数据驱动 |
Vue采用MVVM设计模式
<html>
<body>
<!-- 这是一个View -->
<div id="app">{{ title }}</div>
<script>
// 这是一个Model
let model = {
title: 'Hello world'
}
// 这是一个ViewModel,连接View与Model
// 它是一个Vue实例
new Vue({
el: '#app',
// 这里是一个Model
data: model
})
</script>
</body>
</html>
