[Day 13]Template应用

大家好，明明才第13天，我已经不知道要发什麽文了呜呜╯︿╰，但难产生出的文还是一样充满了知识!!希望大家喜欢~

在<template>元素上使用v-if条件渲染分组

因为v-if是一个指令，所以必须将他新增在一个元素上，就像我们前几天的例子一样~
但如果今天有很多个元素要怎麽办咧??
这时候就要使用<template>，把一个<template>元素当作不可见的包裹元素，并在上面使用v-if，最终渲染结果不包含<template>元素。
就像下面的例子，当show为真值时， "这行会出现" "这个也会出现"，都会同时出现!!

在<template>元素上使用v-for

在官网上也有提到可以像v-if一样，在<template>上使用v-for来循环渲染多个元素的内容。
下面是官网举的例子，概念和刚刚讲的一样!!

结语

今天这篇只是非常粗略的讲解template的应用，关於template其实有很大的学问可以学习，有机会的话会在後面的天数和大家讲解!!