v-bind

Posted 2023-03-09 猪八戒1.0

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了v-bind相关的知识，希望对你有一定的参考价值。

在vue当中，v-bind动态绑定

v-bind:可以简写为:

<!DOCTYPE html>
<html lang="zh">
<head>
	<meta charset="UTF-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<title>Document</title>
</head>
<body>
	<div id="app">
		<span v-bind:title="message">页面加载时间</span>
	</div>
</body>
<script src="js/vue.js"></script>
<script>
	new Vue(
		el:"#app",
		data:
			message:"hello vue!!!"+new Date().toLocaleString()
		
	);
</script>
</html>

鼠标悬浮会出现时间

以上是关于v-bind的主要内容，如果未能解决你的问题，请参考以下文章