vue動態設置img的src路徑實例

<template>
 <div @click="home">
 <img :src="home_url" alt="..." style="height: 10vw">
 </div>
</template>
<script>
 // 下面是導入兩張圖片的相對地址
 import home_no from '../static/icon/home_no.png'
 import home from '../static/icon/home.png'
 export default {
 name: "newbase",
 data () {
 return {
 home_url: home
 }
 },
 methods: {
 home() {
 this.home_url = home
 }
 }
 }
</script>