vue的image标签中src引用变量出现的问题

在引用变量使用{ {变量名}}会出现把{ {}}当字符串解析

会将{ {}}解析成%7B%B%7D%7D而不是变量值
这是需要用:

在data中声明并且将变量名赋值给src

data() {
    
    
return {
    
    
msg: "图片加载于" + new Date().toLocaleString(),
src: require("../assets/logo.png")//或者是直接连接的网址
}
},

同样的a标签的href也可以用同样方法是href里的{ {}}不能解析得到解决

<a v-bind:href="url">{
    
    {
    
     name }}</a> <

在data中添加声明url

data() {
    
    
return {
    
    
name: "百度",
url: "https://www.baidu.com/",
}
},