vm对象

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
</head>
<body>
<div id="box">
    姓名:{{name}}<br/>
    年龄:{{age}}<br/>
    性别:{{sex}}<br/>
    <button v-on:click="han">获取数据</button>
    
</div>
    <!-- <button  onclick="aa()">获取数据</button> -->


</body>
<script type="text/javascript" src="js/vue.js"></script>
<script type="text/javascript">
    // var vm = new Vue({
    //       el: '#box',
    //       data: {
    //         message: 'Hello Vue!'
    //       }
    // });

// document.getElementById("box").innerHTML = '姓名:蔡美丽<br />年龄:18<br />性别:女';
// function aa(){

// document.getElementById("box").innerHTML = '姓名:不知掉<br />年龄:18<br />性别:女';

// }





var obj =new Vue({
      el : '#box' ,
      data : {
          name:'未定义',
          age:'??',
          sex:'?'
      },
      methods:{
          han:function(){
              this.name="蔡漂亮"
          }
      }

  })


</script>
</html>

 

posted @ 2017-09-12 10:39  Jinsuo  阅读(246)  评论(0编辑  收藏  举报