屬性綁定與雙向數據綁定

時間 2019-11-30

標籤屬性綁定雙向數據简体版

原文原文鏈接

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8" />
        <title>屬性綁定和雙向數據綁定</title>
        <script src="https://cdn.staticfile.org/vue/2.2.2/vue.min.js"></script>
    </head>
    <body>
        <div id="root">
            <!--屬性綁定-->
            <div v-bind:title="'hahahaha~' + title">王家逸</div>
            <div :title="'hahahaha~' + title">王家逸</div>

            <!--雙向數據綁定-->
            <input v-model="content" />
            <div>{{content}}</div>
        </div>
        <script>
            new Vue({
                el:"#root",
                data:{
                    title:"this is jiayiwong~",
                    content:"this is content~"
                }
            })
        </script>
    </body>
</html>

相關標籤/搜索

每日一句

每一个你不满意的现在，都有一个你没有努力的曾经。