MVVM：实现了双向数据绑定 VUE是一个MVVM的实现者，核心是DOM监听与数据绑定，组件化
el:element指明页面中被当前vue绑定的对象，数据绑定 data:就是用来提供数据的 插值表达式的作用：
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> </head> <body> <div id="app"> <p v-if="flag"> 今天天气还行 </p> </div> </body> <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script> <script> //el:element指明页面中被当前vue绑定的对象 //data:就是用来提供数据的 new Vue({ el: "#app", data:{ name: 'zhangsan', age: 20, gender: '男', school:{ name:'江理工', addr:'杭州' }, flag:true }, methods:{ show:function(){ return "hello vue" } } }); </script> </html>