<!DOCTYPE html>
<body>
<div id="app">
<p v-if score>=90>优秀</p>
<p v-if score>=80>良好</p>
<p v-if score>=60>及格</p>
<p v-if score<60>及格</p>
</div>
<script src="https://unpkg.com/vue@next"></script>
<script>
const vm = Vue.createApp({
data() {
return {
score: 90
}
}
}).mount('#app')
</script>
</body>
</html>
以上是错误的
改了一下。
原来要v-if=的
<!DOCTYPE html>
<body>
<div id="app">
<p v-if="score>=90">优秀</p>
<p v-else-if="score>=80">良好</p>
<p v-else-if="score>=60">及格</p>
<p v-else="score">不及格</p>
</div>
<script src="https://unpkg.com/vue@next"></script>
<script>
const vm = Vue.createApp({
data() {
return {
score: 90
}
}
}).mount('#app')
</script>
</body>
</html>
为什么不用template也可以,没什么区别?