前端最新Vue2+Vue3基础入门到实战项目11-13

011-指令-v-on-01 -语法1-内联语句

1、作用：注册事件 = 添加监听 + 提供处理逻辑

2、语法：

（1）v-on：事件名 ="内联语句" 

（2）v-on：事件名="methods中的函数名"

3、简写：@事件名

<template><div id="app"><div v-html="msg"></div><h1>009-指令v-show 和 v-if</h1><div v-show="flag">我是 v-show </div><div v-if="flag">我是 v-if </div><h1>010-指令v-else 和 v-else-if</h1><p v-if="gender === 1">性别：男</p><p v-else>性别：女</p><hr><p v-if="score >= 90">成绩评定A: 奖励电脑一台</p><p v-else-if="score >= 70">成绩评定B: 奖励电脑二台</p><p v-else-if="score >= 60">成绩评定C: 奖励电脑三台</p><p v-else>成绩评定D: 奖励电脑四台</p><h1>011-指令 v-on-01-语法1-内联语句</h1><button @click="count--">-</button><span>{{count }}</span><button v-on:click="count++">+</button></div>
</template>
<script>export default {data(){return {msg: '<a href="#">黑马程序员></a>',flag: false,gender: 1,score: 80,count:100}},methods: {},mounted() {}
}
</script><style></style>