转正菜鸟前进中的经验（废话）之谈 持续更新中... ...

首先，关于这篇文章的小序我简单阐述一下，主要写一些在平时工作中的疑惑，和看法，或者是比较小巧点的经验和技巧吧，持续的更新，欢迎收藏随时来共同学习吧

*我会在每次的标题上加上相应的日期以便参考回溯 *

1. 关于能简单写的不能写的很复杂（吐槽：但是以我目前的实力可以看的懂复杂的实现方法，太简练的真的有些吃力啊）2022/08/03

笨方法

<a-modal width="900px" v-model="visible" :footer="null">
        <center slot="title" v-if="this.noticeType==1"><a-tag color="red">通知</a-tag>{{ noticeTitle }}</center>
        <center slot="title" v-if="this.noticeType==2"><a-tag color="red">公告</a-tag>{{ noticeTitle }}</center>
        <div v-html="noticeContent"></div>
      </a-modal>

进阶方法

<a-modal width="900px" v-model="visible" :footer="null">
        <center slot="title"><a-tag color="red">{{ this.noticeType==1?"通知":"公告" }}</a-tag>{{ noticeTitle }}</center>
        <!-- <center slot="title" v-if="this.noticeType==2"><a-tag color="red">公告</a-tag>{{ noticeTitle }}</center> -->
        <div v-html="noticeContent"></div>
      </a-modal>

总结：在 vue 中可以从标签上或者是插值表达式中，利用三元表达式，动态判断 不重复 的地方需要渲染的东西，这样可以节省很多代码。