<!--
    数据绑定
       单向绑定（v-bind）：数据只能从data流向页面（标题等无交互的标签）
    　　双向绑定（v-model）：数据可以从data流向页面，也可以从页面流向data(各种输入操作input.select)
       v-model:value可简写为v-model
-->
 
<div id="app">
            单向数据绑定<input type="text" v-bind:value="name" />
            双向数据绑定<input type="text" v-model:value="name" />
</div>
<script type="text/javascript">
            new Vue({
                el:"#app",
                data:{
                    name:'666'
                }
            })</script>
 

 

 

 

 
 
 
<!--
    数据绑定
       单向绑定（v-bind）：数据只能从data流向页面（标题等无交互的标签）
    　　双向绑定（v-model）：数据可以从data流向页面，也可以从页面流向data(各种输入操作input.select)
       v-model:value可简写为v-model
-->
 
<div id="app">
            单向数据绑定<input type="text" v-bind:value="name" />
            双向数据绑定<input type="text" v-model:value="name" />
</div>
<script type="text/javascript">
            new Vue({
                el:"#app",
                data:{
                    name:'666'
                }
            })</script>