全局代码格式 优化

src/views/components/mixin.vue

@@ -1,16 +1,16 @@
 <template>
   <div class="components-container">
     <div class='component-item'>
-      <MDinput name="name" v-model="title" required :maxlength="100">
+      <md-input name="name" v-model="title" required :maxlength="100">
         标题
-      </MDinput>
+      </md-input>
       <code class='code-part'>Material Design 的input</code>
     </div>
 
     <div class='component-item'>
-      <PanThumb image='https://wpimg.wallstcn.com/577965b9-bb9e-4e02-9f0c-095b41417191'>
+      <pan-thumb image='https://wpimg.wallstcn.com/577965b9-bb9e-4e02-9f0c-095b41417191'>
         上海花裤衩
-      </PanThumb>
+      </pan-thumb>
       <code class='code-part'>图片hover效果</code>
     </div>
 
@@ -18,21 +18,21 @@
       <el-button v-waves type="primary">水波纹效果</el-button>
       <code class='code-part'>水波纹 v-directive</code>
     </div>
-
   </div>
 </template>
-<script>
-    import MDinput from 'components/MDinput';
-    import PanThumb from 'components/PanThumb';
 
-    export default {
-      components: { MDinput, PanThumb },
-      data() {
-        return {
-          title: ''
-        }
+<script>
+  import MdInput from 'components/MDinput';
+  import PanThumb from 'components/PanThumb';
+
+  export default {
+    components: { MdInput, PanThumb },
+    data() {
+      return {
+        title: ''
       }
-    };
+    }
+  };
 </script>
 
 <style scoped>