<script src="vue.js" charset="utf-8"></script>
<div id="div1">
  姓名：{{name}}<br>
  年龄：{{age}}<br>
  出生：{{calcBirth()}}
</div>
let vm=new Vue({
el: '#div1',
	data: {
	  name: 'blue',
	  age: 18
	},
	methods: {
	  calcBirth(){
		return new Date().getFullYear()-this.age;
	  }
	}
});

<strong v-bind:title="age+'岁'">{{name}}</strong>

let vm=new Vue({
	el: '#div1',
	data: {
	  name: 'blue',
	  age: 18
	}
});

<img :src="url" alt="">
let vm=new Vue({
el: '#div1',
	data: {
	  name: 'blue',
	  age: 18,
	  url: 'https://cn.bing.com/sa/simg/hpc26.png'
	}
});

<strong :class="class_arr">{{name}}</strong>
let vm=new Vue({
    el: '#div1',
    data: {
      name: 'blue',
      age: 18,
      class_str: 'aa bb cc active',
      class_arr: ['aaa', 'bbb', 'ccc', 'active2']
    }
});

<strong :style="style_json">{{name}}</strong>
let vm=new Vue({
    el: '#div1',
    data: {
      name: 'blue',
      age: 18,
      style_str: 'width: 200px; background: yellow; display: block;',
      style_json: {width: '200px', background: 'green', display: 'block'}
    }
});