v-on 事件触发

1.v-on 绑定事件

2.methods: 事件绑定语法。

3.v-on:click 可以简写成@click 但是在mvc中会有问题

<!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-on:click="handle">{{msg}}
    </div>
</body>
</html>
<script type="text/javascript">
    new Vue({
        el: "#root",
        data: {
            msg: "hello word"
        },
        methods: {
            handle: function () {
                this.msg="你好"
            }
        }
    });

</script>

  

猜你喜欢

转载自www.cnblogs.com/elsons/p/9973572.html