一、MVVM模型
-
M(Model)：对于data中的数据
-
V(View)：模板
-
VM(ViewModel)：Vue实例对象，一般使用vm代表
-
观察发现：
- data中的所有属性，最后都出现在vm身上。
- vm身上所有属性，及Vue原型上所有属性，在Vue模板中都可以直接使用
-
体现在代码里如下图：
-
模板View可使用的属性
<head>
<title>模板语法</title>
<script type="text/javascript" src="../js/vue.js"></script>
</head>
<body>
<!-- 准备好一个容器 -->
<div id="root">
<h1>学校名称：{{name}}</h1>
<h1>学校地址：{{address}}</h1>
<h1>测试1：{{1+1}}</h1>
<h1>测试2：{{$options}}</h1>
<h1>测试3：{{$emit}}</h1>
<h1>测试4：{{$_c}}</h1>
</div>
</body>
<script type="text/javascript">
Vue.config.productionTip=false
//创建Vue实例
new Vue( {
el:'#root',
data:{
name:'尚硅谷',
address:'上海’',
url:'https://vuejs.org/',
}
} )
</script>