vue动态设置img的src路径实例

<template>
 <div @click="home">
  <img :src="home_url" alt="..." style="height: 10vw">
 </div>
</template>
< >
 // 下面是导入两张图片的相对地址
 import home_no from '../static/icon/home_no.png'
 import home from '../static/icon/home.png'
 export default {
 name: "new ",
 data () {
  return {
  home_url: home
  }
 },
 methods: {
  home() {
  this.home_url = home
  }
 }
 }
</ >