click

<template>
  <div class="wrapper" @click="update">
    <image :src="logoUrl" class="logo"></image>
    <text class="title">Hello {{target}}</text>
    <text class="desc">Now, let's use vue to build your weex app.</text>
    <a href="https://segmentfault.com/a/1190000010984857#articleHeader14">
      <text>jump</text>
    </a>
  </div>
</template>

<style>
  .wrapper { 
    align-items: center;
     margin-top: 120px;
  }


  .title {
   padding-top:300px;
   padding-bottom: 400px;
    font-size: 48px;
     }


  .logo { 
    width: 360px;
     height: 156px; 
    }
  .desc { 
    padding-top: 20px; 
    color:#888; 
    font-size: 24px;
  }
</style>

<script>
  export default {
    data: {
      logoUrl: 'http://img1.vued.vanthink.cn/vued08aa73a9ab65dcbd360ec54659ada97c.png',
      target: 'World'
    },
    methods: {
      update: function (e) {
        this.target = 'Weex'
        this.logoUrl ='https://afp.alicdn.com/afp-creative/creative/u124884735/55308755880f8b637dde1f88b84ea9da.png'
        console.log('target:', this.target)
      }
    }
  }
</script>