vue常用指令：v-bind
1.v-bind的作用
v-bind的作用是专门用于给“元素的属性”绑定数据的
2.v-bind的格式
v-bind:属性名称="绑定的数据"
:属性名称="绑定的数据"
3.v-bind特点
赋值的数据可以是任意一个合法的js表达式
例如： :属性名称="age + 1"
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>learn vue</title>
<script src="js/vue.js"></script>
</head>
<body>
<div id="app">
<p>{{name}}</p>
<!-- 注意点：如果要给元素的属性绑定数据，是不能使用插值语法的-->
<!-- <input type="text" value="{{name}}">-->
<!-- 注意点：虽然通过v-model可以将数据绑定到input标签的value属性上
但是v-model是有局限性的，v-model只能用于input/textarea/select
但是在企业开发中我们还可能需要给其他标签的属性绑定数据-->
<input type="text" v-model="name">
<input type="text" :value="name">
</div>
<script>
let vue = new Vue({
el: '#app',
data: {
name: "易网创联"
},
methods: {
}
});
</script>
</body>
</html><< 上一篇
下一篇 >>