沒有綁定,點擊bbb沒有出現"this is beauty",用的subline Text3
<!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>
2020-04-15
綁定title的話是鼠標放上去有顯示提示內容吧
2019-12-14
不是點擊,是你把鼠標放在bbb上會出現this is beauty,我用了你的代碼,鼠標放上可以顯示this is beauty 的。你若想點擊修改bbb的內容你還需要寫一個methods。
2019-12-13
<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>
2019-12-12
<script>里面的內容你得放在body外面