Vue_3:数据绑定

<!--
    Vue中有两种数据绑定的方式：
        1.单向绑定（v-bind）：数据只能从data流向页面。
        2.双向数据绑定（v-model）：数据不仅能从data流向页面。还可以从页面流向data。
        备注：
        1.双向绑定一般都是应用在表单类元素上（如：input，select等）
        2.v-model：value可以简写为 v-model，因为v-model默认收集的就是value值
-->
<!--准备好一个容器-->

<div id="root">
    
    <!--普通写法-->
    单向数据绑定：<input type="text" v-bind:value="name"><br/>
    双向数据绑定：<input type="text" v-model:value="name"><br/>

    <!--简写-->
    单向数据绑定：<input type="text" :value="name"><br/>
    双向数据绑定：<input type="text" v-model="name"><br/>

<!--如下代码是错误的-->
<!--<h2 v-model:x="name">你好<h2/>-->

<div id="root">

—————————————————————————————————————————————————————————————————————————————————————————

<script type="text/javascript">
    new Vue({
    el:'#root'
    data:{
    name:'某某某'
})