- M:模型(Model):对应data中的数据
- V :视图(View):模板
- VM:视图模型(ViewModel):Vue实例对象
观察发现:
- data中所有的属性,最后都出现在vm身上
- vm身上所有的属性,以及Vue原型上所有的属性,在Vue模板中都可以直接使用
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <script src="../js/vue.min.js"></script> </head> <body> <div id="root"> <h3>名称:{{name}}</h3> <h3>地址:{{address}}</h3> <h1>测试一下1:{{1+1}}</h1> <h1>测试一下2:{{1+1+1}}</h1> <h1>测试一下2:{{$emit}}</h1> <h1>测试一下2:{{_c}}</h1> </div> <script> const vm = new Vue({ el: '#root', data: { name: 'Cai', address: '北京', a: 1 } }) console.log(vm); </script> </body> </html>