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项目单页的主要内容,如果未能解决你的问题,请参考以下文章