一般來說，我自己是這樣分類使用的，要給html標簽動態的通過 vue 來設置屬性值，就用 v-bind:*=" " 來進行使用，而一般在html標簽的正文部分就是用 {{}} 雙括號來進行內容的動態綁定！注意這樣的使用規范，混用會取不到值
<!DOCTYPE html>
<html lang="en" xmlns:v-bind="http://www.w3.org/1999/xhtml">
<head>
<meta charset="UTF-8">
<title>Title</title>
<!--1.導入Vue.js-->
<script src="https://cdn.jsdelivr.net/npm/vue@2.5.21/dist/vue.min.js"></script>
</head>
<body>
<!--view層 模板-->
<h1 id="app">{{message}}</h1>
<span id="app2" v-bind:title="message">
鼠標懸停幾秒鍾查看此處動態綁定的提示信息！
</span>
<br/>
同戶名：<input id="placehold" type="text" v-bind:placeholder="message"/>
<script>
var vm = new Vue({
el: "#app2",
//Model : 數據
data:{
message: "hello,vue!"
}
});
var vm = new Vue({
el: "#placehold",
//Model : 數據
data:{
message: "輸入用戶名"
}
});
</script>
</body>
</html>
