MVVM简介

MVVM简介

1. MVVM:为前端视图层的分层开发思想，主要把每个页面分成M, V 和VM。MVVM的思想主要是为了让我们开发更加方便，因为MVVM提供了数据的双向绑定，注意：数据的双向绑定是由VM提供的。
2. M：保存每个页面中单独的数据。
3. VM：它是一个调用者，分隔了M和每当V层想要获取后保存数据的时候，都要由VM做中间处理。
4. V: 每个页面中的HTML结构，即视图。
5. MVC与MVVM之间的联系，如图：
   

模板代码

1. 引包

<script type="text/javascript"  src="vue/vue.js"></script>

2. 创建一个vue实例
   注意：当我们导入包之后，在浏览器的内存中，就多了一个vue构造函数

<script>
  var vm=new Vue({
  //表示当前vue实例控制页面的那个区域
  el:"#app",
  //存放el中要用的数据
  data:{   
        mgs:"我是data数据",
        },
   })
</script>