qq_光明尽头离人殇_suyGTY
2019-12-12 16:58
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>属性绑定和双向数据绑定</title>
<script src="./vue.js"></script>
</head>
<body>
<!-- title和数据项的title进行绑定v-bind可以简写为: -->
<div id="root">
<div :title="title">bbb</div>
<input />
<div>{{content}}</div>
</div>
<script>
new Vue({
el:"#root",
data:{
title: "this is beauty",
content:"this is content"
}
})
</script>
</body>
</html>
绑定title的话是鼠标放上去有显示提示内容吧
不是点击,是你把鼠标放在bbb上会出现this is beauty,我用了你的代码,鼠标放上可以显示this is beauty 的。你若想点击修改bbb的内容你还需要写一个methods。
<body>
<!-- title和数据项的title进行绑定v-bind可以简写为: -->
<div id="root">
<div :title="title">bbb</div>
<input />
<div>{{content}}</div>
</div>
</body>
<script>
new Vue({
el:"#root",
data:{
title: "this is beauty",
content:"this is content"
}
})
</script>
<script>里面的内容你得放在body外面
vue2.5入门
146887 学习 · 657 问题
相似问题