<!DOCTYPE html>
<html>
<head>
<meta charset='UTF-8'>
<meta name='viewport' content='width=device-width,initial-scale=1.0'>
<meta http-equiv='X-UA-Compatible' content='ie=edge'>
<title>Document</title>
</head>
<body>
<div id='app'>
<!-- v-bind作用: 绑定标签的任何属性,比如src/id/style/class等
场景: 当标签的属性值是变化的/变量/修改值 此时该属性使用v-bind:-->
<!-- <p id="left">内容</p> -->
<!-- <p v-bind:id="ID">内容</p> -->
<!-- <img v-bind:src="SRC" alt="测试"> -->
<!-- <p class="a b c"></p> -->
<img v-bind:src="SRC" alt="测试">
<!-- 简写 -->
<p :id="ID">内容</p>
<p :id="IDS">左边</p>
</div>
<script src='./vue.js'></script>
<script>
var vm = new Vue({
el: '#app',
data: {
IDS: 'left',
ID: "right",
SRC: "./logo.png"
},
methods: {
}
});
</script>
</body>
</html>
19-基础-系统指令-v-bind-基础用法
猜你喜欢
转载自www.cnblogs.com/divtab/p/10940116.html
今日推荐
周排行