在vue3里面
template 只有俩种情况使用
1. 根据某个状态渲染多个模板的 v-if v-else
2. 插槽的场景 <tempalte #default></template> <tempalte #footer></template>
<div class="container">
<ul>
<!-- template包裹后css样式不会改变,v-if和v-else控制显示与隐藏 -->
<template v-if="isUser">
<li>
<a href="javascript:;"><i class="iconfont icon-user"></i>周杰伦</a>
</li>
<li><a href="javascript:;">退出登录</a></li>
</template>
<template v-else>
<li><a href="javascript:;">请先登录</a></li>
<li><a href="javascript:;">免费注册</a></li>
</template>
<li><a href="javascript:;">我的订单</a></li>
<li><a href="javascript:;">会员中心</a></li>
<li><a href="javascript:;">帮助中心</a></li>
<li><a href="javascript:;">关于我们</a></li>
<li>
<a href="javascript:;"><i class="iconfont icon-phone"></i>手机版</a>
</li>
</ul>
</div>