引入vue.js文件
有友好得提示
<script src="../js/vue.js"></script>
没有友好得提示
<script src="../js/vue.min.js"></script>
Vue开发者工具
MVVM模型
MVVM
1.M:模型(Model):data中的数据
2.V:视图(View):模板代码
3.VM:视图模型(ViewModel):Vue实例
观察发现:
1.data中所有的属性,最后都出现在了vm身上
2.vm身上所有的属性 及 Vue原型上所有属性,在Vue模板中都可以直接使用。
<script src="../js/vue.js"></script>
<div id="root">
<h1>学校名称:{{name}}</h1>
<h1>学校地址:{{address}}</h1>
<h1>测试一下1:{{_c}}</h1>
<h1>测试一下2:{{$emit}}</h1>
</div>
<script>
Vue.config.productionTip = false //阻止 vue 在启动时生成生产提示。
</script>
<script>
const vm= new Vue({
el: '#root',
data: {
name: 'leett',
address:'city'
}
})
</script>