<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<div id="app">
<!-- 直接引用-->
<img src="./img/1.jpg" alt="">
<!-- v-bind动态进行绑定;加上v-bind后,双引号或单引号变成变量 就是里边变成变量-->
<!-- 加上v-bind之后 因为里边是变量 所以需要再加一层引号表示他是字符串-->
<img v-bind:src="'./img/1.jpg'" alt="">
<!-- v-bind可以简写为: 并且可以把下边的变量拿上来用-->
<img :src="'./img/'+bd" alt="">
<!-- 模板字符串也可以在这使用-->
<img :src="`./img/${bd}`" alt="">
</div>
<script src="https://cdn.bootcss.com/vue/2.6.11/vue.js"></script>
<script>
new Vue({
el:"#app",
data(){
return {
bd:"1.jpg"
}
}
})
</script>
</body>
</html>
Python3Turtle