methods中 this 指向vue实例,所以可以直接访问到data里的属性
这里就可以修改url的值 进行图片地址的修改
<body>
<div id="app">
<img :src="url">
<button @click="change">点击</button>
</div>
</body>
<script>
new Vue({
el: "#app",
data: {
url: "img/1.png"
},
methods: {
change() {
this.url = "img/b.png"
}
},
})
</script>