你看到的 v-bind 特性被称为指令。指令带有前缀 v-
    除了使用插值表达式{{}}进行数据渲染，也可以使用 v-bind指令，它的简写的形式就是一个冒号（:）

    1. <!DOCTYPE html>
    2. <html lang="en">
    4. <head>
    5.     <meta charset="UTF-8">
    6.     <meta name="viewport" content="width=device-width, initial-scale=1.0">
    7.     <meta http-equiv="X-UA-Compatible" content="ie=edge">
    8.     <title>Document</title>
    9. </head>
    11. <body>
    12.     <!-- 如果要将模型数据绑定在html属性中，则使用 v-bind 指令
    13.  此时title中显示的是模型数据
    14. -->
    15.     <div v-bind:title="message" id="app">
    16.         {{content}}
    17.     </div>
    19.     <!-- v-bind 指令的简写形式： 冒号（:） -->
    20.     <h1 :title="message">
    21.          {{content}}
    22.     </h1>
    24.     <script src="vue.min.js"></script>
    25.     <script>
    26.         new Vue({
    27.             el: '#app',
    28.             data: {
    29.                 content: '我是标题',
    30.                 message: '页面加载于 ' + new Date().toLocaleString()
    32.             }
    33.         })
    34.     </script>
    35. </body>
    37. </html>