M : model 模型   ------ 对应的是数据

V ： view 视图  -----前端展示的页面

VM ：（view-model）模型视图对象 -----对应的是Vue的实例对象 

MVVM模型靠VM实例对象联系起来：View-Model实现了

1. Dom事件监听
2. 数据绑定

注意事项：

• 在模板中只能有一个根结点！对应下面的 div 标签！

下面是vue的模板：

<!--组件的模板-->
<template>
  <div id="app">

  </div>
</template>


<!--js脚本-->
<script>
export default {
  name: 'App'
}
</script>



<!--css样式-->
<style>

</style>