vue数据双向绑定

vue数据绑定，首先要实例化vue对象，使用双大括号在页面绑定数据

<!-- 绑定数据 -->
    <div id="div">
        <p>
            <!-- 可以用下标访问到数据 -->
            <a>{{todos[0]}}</a>
            <a>{{todos[1]}}</a>
        </p>
        <!-- 根据数据的长度循环添加页面元素 -->
        <p v-for="v in todos">{{v}}</p>
    </div>
    
    <script>
        var vm = new Vue({
            el:"#div",
            data:{
                todos:["ddddddd","eeeeeee"]
            }
        })
    </script>

转载于:https://www.cnblogs.com/chefweb/p/6823702.html