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

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

VM :(view-model)模型视图对象 -----对应的是Vue的实例对象 

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

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

Vue的学习笔记----002理解MVVM模型_数据

注意事项:

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

下面是vue的模板:

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

  </div>
</template>


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



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

</style>