当我们导入包之后,在浏览器的内存中,就多了一个Vue构造函数
<body> <!--将来new的vue实例,会控制这个元素中的所有内容> <!--vue实例所控制的这个区域就是我们的V> <div id="app"> <p>{{ msg }}</p> </div> <script> //注意:我们new出来的这个vm对象,就是我们MVVM中VM的调度者 var vm = new Vue({ el:'#app', //表示,当前我们new的这个vue实例,要控制页面上的哪个区域 //这里的data就是MVVM中的M,专门用来保存每个页面的数据的 data:{//data属性中,存放的是el中要用到的数据 msg: '欢迎学习vue' //通过Vue提供的指令,很方便的把数据渲染到页面上,程序员不再手动操作DOM元素(前端的vue之类的框架不提倡我们手动操作DOM元素) } }) </script> </body>