vue.js 数据绑定dome 

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <title></title>
    <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
</head>
<body>
    <div id="app">
      <ul>
          <li v-for="todo in todos">{{todo.text}}</li>
      </ul>

    </div>



    <script type="text/javascript">
        var app = new Vue({
            el: '#app',
            data: {
                todos: [
                    { text: "test T1" }, { text: "test T2" }, { text: "test T3" },
                ],

                seen: false
            }
        });
    </script>
</body>
</html>

 

posted @ 2020-11-13 16:55  Xyang  阅读(95)  评论(0)    收藏  举报
hi