v-bind

冰雪奇缘lb

于 2019-10-31 21:39:14 发布

阅读量297

点赞数

分类专栏： Vue 文章标签： v-bind

本文链接：https://blog.csdn.net/weixin_44682587/article/details/102846382

版权

Vue 专栏收录该内容

26 篇文章 0 订阅

订阅专栏

v-bind的使用

1.在Vue中，提供的用于绑定属性的指令
2.v-bind: 指令可以被简写为：冒号要绑定的属性（注意：v-bind:后面不能加空格，简写形式也是）
3.v-bind中，可以写合法的js表达式

用法示例：

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>Document</title>
		<style>
			[v-cloak]{
				display: none;
			}
		</style>
	</head> 
	<body>
		<div id = 'app'>
			<!--v-bind: 是Vue 中，提供的用于绑定属性的指令 -->
			<input type="button" value="按钮" v-bind:title = "mytitle + '123'">
			<!--注意：v-bind：指令可以被简写为：要绑定的属性-->
			<!--v-bind中，可以写合法的js表达式-->
			<input type="button" value="按钮" v-bind:title = "mytitle" />
		</div>
		<script src="js/vue.min.js"></script>
		<script>
			var vm = new Vue({
				el:'#app',
				data:{
					mytitle:'这是一个自己定义的title',
				}
			})
		</script>
	</body>
</html>

冰雪奇缘lb

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
v-bind

v-bind的使用1.在Vue中，提供的用于绑定属性的指令2.v-bind: 指令可以被简写为：冒号要绑定的属性3.v-bind中，可以写合法的js表达式用法示例：<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>Document</t...
复制链接

扫一扫

专栏目录