P5 Vue 绑定事件 v-on

导入约束文件时v-on报错,但可以正常运行

<!DOCTYPE html>

<meta charset="UTF-8" xmlns:v-on="http://www.w3.org/1999/xhtml">
<title>Title</title>
</head>
<body>
<!--view层 模板-->
<div id="app">
    <!--v-on后面跟事件的类型-->
    <button v-on:click="sayHi">Click Me</button>
</div>
<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
<script>
    var vm = new Vue({
        el:"#app",
        data:{
            message:"hello 点击事件"
        },
        methods:{
            sayHi:function (event) {
                    alert(this.message);
            }
        }
    });
</script>

</body>
</html>

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

发布了242 篇原创文章 · 获赞 7 · 访问量 1万+

猜你喜欢

转载自blog.csdn.net/shujuku____/article/details/105320018
今日推荐