refactor: add eslint-plugin-vue && lint code (#976)

src/views/components-demo/sticky.vue

@@ -1,14 +1,14 @@
 <template>
   <div>
-    <sticky className="sub-navbar">
+    <sticky class-name="sub-navbar">
       <el-dropdown trigger="click">
         <el-button plain>
-          Platform<i class="el-icon-caret-bottom el-icon--right"></i>
+          Platform<i class="el-icon-caret-bottom el-icon--right"/>
         </el-button>
-        <el-dropdown-menu class="no-border" slot="dropdown">
+        <el-dropdown-menu slot="dropdown" class="no-border">
           <el-checkbox-group v-model="platforms" style="padding: 5px 15px;">
             <el-checkbox v-for="item in platformsOptions" :label="item.key" :key="item.key">
-              {{item.name}}
+              {{ item.name }}
             </el-checkbox>
           </el-checkbox-group>
         </el-dropdown-menu>
@@ -16,18 +16,17 @@
 
       <el-dropdown trigger="click">
         <el-button plain>
-          Link<i class="el-icon-caret-bottom el-icon--right"></i>
+          Link<i class="el-icon-caret-bottom el-icon--right"/>
         </el-button>
-        <el-dropdown-menu class="no-padding no-border" style="width:300px" slot="dropdown">
-          <el-input placeholder="Please enter the content" v-model="url">
+        <el-dropdown-menu slot="dropdown" class="no-padding no-border" style="width:300px">
+          <el-input v-model="url" placeholder="Please enter the content">
             <template slot="prepend">Url</template>
           </el-input>
         </el-dropdown-menu>
       </el-dropdown>
 
       <div class="time-container">
-        <el-date-picker v-model="time" type="datetime" :picker-options="pickerOptions" format="yyyy-MM-dd HH:mm:ss" placeholder="Release time">
-        </el-date-picker>
+        <el-date-picker v-model="time" :picker-options="pickerOptions" type="datetime" format="yyyy-MM-dd HH:mm:ss" placeholder="Release time"/>
       </div>
 
       <el-button style="margin-left: 10px;" type="success">publish
@@ -35,7 +34,7 @@
     </sticky>
 
     <div class="components-container">
-      <code>Sticky header, {{$t('components.stickyTips')}}</code>
+      <code>Sticky header, {{ $t('components.stickyTips') }}</code>
       <div>placeholder</div>
       <div>placeholder</div>
       <div>placeholder</div>
@@ -92,12 +91,11 @@
   </div>
 </template>
 
-
 <script>
 import Sticky from '@/components/Sticky'
 
 export default {
-  name: 'sticky-demo',
+  name: 'StickyDemo',
   components: { Sticky },
   data() {
     return {