[JavaScript知识库]Vue基本代码和MVVM的对应关系

vue的基本代码

//vue实例控制的这个元素区域就是V
<div id="app">
<p>{{msg}}</p>
</div>

<script>
// 2.创建一个Vue的实例
//导入包之后，在浏览器内存中就多了一个Vue构造函数
//new出来的vm对象就是 MVVM中的 vm调度者 
var vm = new Vue({
el:'#app',//当我们new这个Vue实例，表示页面上控制哪个区域
data:{//data属性中，存放的是el中要用到的数据
msg:'欢迎学习Vue'//通过Vue提供的指令，很方便的就能把数据渲染到页面上，程序员不再手动操作DOM元素了
  }
})
</script>