Vue：MVVM解析

image
Vue里面的mvvm模型
m：代表data
vm：代表vue（所以以后vue起名都叫vm）
v：就是页面模板

vue是一个实例
那么vue实例的东西都能拿出来
data是我们自己设置的值通过某些手段传入了vue实例中也就是vm中
image

取出除Vue了data的数据 
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <!-- 开发环境版本，包含了有帮助的命令行警告 -->
  <script src="../js/vue.js"></script>
<title>Title</title>
</head>
<body>
    <div id="firstVue">
      你好，{{main}}
      {{$el}}
      {{$vnode}}
      {{_isVue}}
    </div>
</body>
<script type="text/javascript">
  //关闭生成提示
  Vue.config.productionTip=false;

  let vm=new Vue({
    el:"#firstVue",
    data() {
      return {
        main:"VUE"
      }
    }
  })
  console.log(vm)
</script >
</html>
posted @ 2021-11-08 00:05  旅祸少年  阅读(252)  评论(0)    收藏  举报