vue.jsでタグ属性値の文字列の一部を置き換える方法

vue.jsを今日から触っていますが、いきなり行き詰まりました。
データを単純にタグのテキストとして表示するところまではうまくいきましたが、aタグのhref属性のURLの一部を同じ要領で置き換えようとしても、置き換わってくれません。
どう記述すればいいんでしょうか？

html
1<!DOCTYPE HTML>
2<html>
3<head>
4<meta charset="utf-8">
5<style>
6.place {
7	margin : 20px;
8}
9</style>
10</head>
11<body>
12
13<div id="geo">
14	<div class="place" v-for="place in places">
15		<div>{{place.name}}</div>
16		<div>{{place.address}}</div>
17		<div>lat:{{place.lat}}</div>
18		<div>lng:{{place.lng}}</div>
19		<div><a href="https://www.google.com/maps?q={{place.lat}},{{place.lng}}">Google Map</a></div>
20	</div>
21</div>
22
23<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
24<script>
25var app = new Vue({
26	el: "#geo",
27	data: {
28		places : [
29			{
30				"name" : "東京タワー",
31				"address" : "〒105-0011 東京都港区芝公園４丁目２−８",
32				"lat" : "35.658592",
33				"lng" : "139.745441",
34			},
35			{
36				"name" : "東京スカイツリー",
37				"address" : "〒131-0045 東京都墨田区押上１丁目１−２",
38				"lat" : "35.710268",
39				"lng" : "139.812158",
40			},
41		]
42	}
43});
44</script>
45</body>
46</html>
47