vue的v-if里实现调用函数

<div v-if="test()"></div>

methods: {
    test: function() {
        var result = false;
        // ...
        return result;
    }
}

<span v-if="type==1">错误示范</span>
<span>哈哈哈</span>
<p v-else>嘿嘿嘿</p>

<span v-if="type==1">正确示范</span>
<p v-else>嘿嘿嘿</p>
<span>哈哈哈</span>

<template v-if="type=== 'username'">  
  <label>用户名</label>  
  <input placeholder="输入用户名">  
</template>  
<template v-else>  
  <label>邮箱</label>  
  <input placeholder="输入邮箱">  
</template>  

<template v-if="type=== 'username'" key="1">  
  <label>用户名</label>  
  <input placeholder="输入用户名">  
</template>  
<template v-else  key="2">  
  <label>邮箱</label>  
  <input placeholder="输入邮箱">  
</template>