demo1: 百度 

    1. <html>
    2.   <body>
    3.     <div id="app">
    4.       </br>
    5.     请点击打开网站：
    6.     </br>
    8.   <a v-bind:href="link">百度</a>
    10.   </br>
    11. <a :href="link">这是简写的百度</a>
    12. </div>
    13. </body>
    15. <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
    16. <script>
    17.   new Vue({
    18.     //指定作用于那一个div
    19.     el:'#app',   
    20.     //属性
    21.     data:{       
    22.       link:'https://wwww.baidu.com'
    23.     }
    24.   });
    25. </script>
    27. </html>

    demo2: 

    1. <html>
    2.   <head>
    4.   </head>
    6.   <body>
    7.     <div id="app">
    8.       <input type="text" v-bind:value="title">
    9.     </div>
    10.   </body>
    12.   <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
    13.   <script>
    14.     new Vue({
    15.       //指定作用于那一个div
    16.       el:'#app',
    17.       //属性
    18.       data:{
    19.         title:"vue"
    20.       },
    21.     });
    22.   </script>
    23. </html>

    demo3: 

    1. <html>
    2.   <head>
    3.     <style>
    4.       .myclass
    5.       {
    6.         width: 100%;
    7.         height: 80px;
    8.         background-color: blue;
    9.       }
    11.       .red{
    12.         background-color: red;
    13.       }
    14.     </style>
    15.   </head>
    17.   <body>
    18.     <div id="app">
    19.       <div class="myclass" v-bind:class="{red:tmp}"> </div>
    20.       </br>
    21.     <div class="myclass"></div>
    22.     </br>
    23.   <div class="myclass"></div>
    24.   </br>
    25. <button type="button" @click="tmp=!tmp"> 点我 </button>
    26. </div>
    27. </body>
    29. <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
    30. <script>
    31.   new Vue({
    32.     //指定作用于那一个div
    33.     el:'#app',
    34.     //属性
    35.     data:{
    36.       tmp:false
    37.     },
    38.   });
    39. </script>
    41. </html>

    demo4: 

    1. <html>
    2.   <head>
    3.   </head>
    5.   <body>
    6.     <div id="app">
    7.         <div v-bind:id="div_id"></div>
    8.     </div>
    9. </body>
    11. <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
    12. <script>
    13.   new Vue({
    14.     //指定作用于那一个div
    15.     el:'#app',
    16.     //属性
    17.     data:{
    18.       div_id:"aaaaaa"
    19.     },
    20.   });
    21. </script>
    23. </html>

    demo5: v-bind:简写