vue中template的使用方式

60 阅读 0 评论 40 点赞

我是靠谱客的博主深情哈密瓜，最近开发中收集的这篇文章主要介绍vue中template的使用方式，觉得挺不错的，现在分享给大家，希望可以做个参考。

vue中 template的使用

在v-for遍历时 :

<ul>
  <template v-for="item in items">
    <li>{{ item.msg }}</li>
    <li class="divider" role="presentation"></li>
  </template>
</ul>

在同时使用v-if和v-for时 :
在官网中并不建议将这两个指令放在一起使用
v-if比v-for的优先级更高着导致 v-if不能使用v-for遍历的单个数据来判断
但是:
可以使用template来遍历然后在内部使用正常标签来通过v-if判断

<template v-for="todo in todos">
  <li v-if="!todo.isComplete">
    {{ todo }}
  </li>
</template>

以上就是深情哈密瓜为你收集整理的vue中template的使用方式的全部内容，希望文章能够帮你解决vue中template的使用方式所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错，欢迎将靠谱客网站推荐给程序员好友。

本图文内容来源于网友提供，作为学习参考使用，或来自网络收集整理，版权属于原作者所有。

vue中template的使用 方式