v-bind 属性绑定

发布时间：2020-12-14 04:30:42 所属栏目：大数据来源：网络整理

导读：1.v-bind:title="title" 绑定谁和谁绑定。 2.v-bind:title="title" 简写：:title="title" ! DOCTYPE html html head meta name ="viewport" content ="width=device-width" / script src ="~/Scripts/vue/vue.js" / script title Index / title / head body

1.v-bind:title="title" 绑定谁和谁绑定。

2.v-bind:title="title" 简写：:title="title"

<!DOCTYPE html>
<html>
<head>
    <meta name="viewport" content="width=device-width" />
    <script src="~/Scripts/vue/vue.js"></script>
    <title>Index</title>
</head>
<body>
    <div id="root" v-bind:title="title" v-on:click="handle">
        {{msg}}
    </div>
</body>
</html>
<script type="text/javascript">
    new Vue({
        el: "#root",data: {
            msg: "hello word",title: "我是标题"

        },methods: {
            handle: function () {
                this.msg = "你好"
            }
        }
    });

</script>

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!