vue click事件 v-on:click

v-on:click

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>Vue实例中的数据,事件和方法</title>

</head>

    <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>

<body>

    <div id="root">

        <h1 v-on:click="handleClick">{{content}}</h1>

    </div>

    <script type="text/javascript">

        new Vue({

            el:"#root",

            data:{

                content: "hello world",

            },

            methods:{

                handleClick:function(){

                   this.content = "world"

                }

            }

        })

    </script>

</body>

</html>

点击 world

巴特西

vue click事件 v-on:click

最新文章

热门文章