badge标记

阅读更多

源码
mian.vue




需要注意的地方：


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

This text is ^{superscripted}

以上代码显示：

: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。
所以在标签内有元素，比如标记会在右上角；如果没有元素，则显示在旁边，如下图。


评论按钮的代码：评论
评论下拉框的代码： 评论