badge标记

源码

mian.vue

需要注意的地方：

1. 标签：定义了一个文本区域，出于排版的原因，与主要的文本相比，应该展示得更高并且更小
   详情点这里

This text is superscripted

以上代码显示：

2. :class="{ 'is-fixed': $slots.default, 'is-dot': isDot }"
   以上代码还有两点知识：
   第一是slot，vue.$slots用来访问插槽内容，vue.$slots.slot_name用来访问插槽名为slot_name的插槽的节点，vue.$slot.default 为未包含在具名插槽中的节点。
   第二是class的对象语法，'is_fixed'这个class是否存在，决定于$slot.default的truthiness
   。Truthy(真值)指的是在Boolean上下文中转换后的值为真的值。上面$slot.default为类数组，转换为boolean后为true。
   所以在标签内有元素，比如标记会在右上角；如果没有元素，则显示在旁边，如下图。
   
   
   
   评论按钮的代码：评论
   评论下拉框的代码： 评论