[improvement] use component name (#2450)

packages/badge/index.js

@@ -1,12 +1,9 @@
+import { use } from '../utils';
 import Info from '../info';
-import createSfc from '../utils/create';
-import createBem from '../utils/bem';
 
-const bem = createBem('van-badge');
-
-export default createSfc({
-  name: 'badge',
+const [sfc, bem] = use('badge');
 
+export default sfc({
   props: {
     url: String,
     info: [String, Number],

packages/badge/test/__snapshots__/demo.spec.js.snap

@@ -3,7 +3,7 @@
 exports[`renders demo correctly 1`] = `
 <div>
   <div>
-    <div class="van-hairline--top-bottom van-badge-group"><a class="van-badge van-badge--select van-hairline">
+    <div class="van-badge-group van-hairline--top-bottom"><a class="van-badge van-badge--select van-hairline">
         <div class="van-badge__text">标签名称
           <!---->
         </div>