vue项目单页
Posted cl94
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了vue项目单页相关的知识，希望对你有一定的参考价值。
<template>
<div>
<div v-if="type === ‘A‘">A</div>
<div v-else-if="type === ‘B‘">B</div>
<div v-else-if="type === ‘C‘">C</div>
<div v-else-if="type === ‘D‘">D</div>
<div v-else>Not A/B/C</div>
<div @click="c1()">
<div @click.stop="c2()"> <!--阻止冒泡-->
click
</div>
</div>
</div>
</template>
<script>
export default{
data(){
return {
type: "a",
}
},
computed : {
},
methods : {
c2 : function(){
alert(‘c2‘);
},
c1 : function(){
alert(‘c1‘);
},
}
}
</script>
以上是关于vue项目单页的主要内容，如果未能解决你的问题，请参考以下文章