P5 Vue 绑定事件 v-on

蝶衣_疯魔

于 2020-04-04 23:27:31 发布

阅读量376

点赞数

CC 4.0 BY-SA版权

分类专栏： Vue

本文链接：https://blog.youkuaiyun.com/shujuku____/article/details/105320018

Vue 专栏收录该内容

14 篇文章

订阅专栏

导入约束文件时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>

在这里插入图片描述