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

src/views/permission/components/SwitchRoles.vue

@@ -1,10 +1,10 @@
 <template>
   <div>
-    <div style="margin-bottom:15px;">{{$t('permission.roles')}}： {{roles}}</div>
-    {{$t('permission.switchRoles')}}：
+    <div style="margin-bottom:15px;">{{ $t('permission.roles') }}： {{ roles }}</div>
+    {{ $t('permission.switchRoles') }}：
     <el-radio-group v-model="switchRoles">
-      <el-radio-button label="editor"></el-radio-button>
-      <el-radio-button label="admin"></el-radio-button>
+      <el-radio-button label="editor"/>
+      <el-radio-button label="admin"/>
     </el-radio-group>
   </div>
 </template>

src/views/permission/directive.vue

@@ -17,7 +17,7 @@
       </span>
     </div>
 
-    <div style="margin-top:30px;" :key="'checkPermission'+key">
+    <div :key="'checkPermission'+key" style="margin-top:30px;">
       <code>In some cases it is not suitable to use v-permission, such as element Tab component  which can only be achieved by manually setting the v-if.
         <br> e.g.
       </code>
@@ -36,7 +36,7 @@ import checkPermission from '@/utils/permission' // 权限判断函数
 import SwitchRoles from './components/SwitchRoles'
 
 export default{
-  name: 'directivePermission',
+  name: 'DirectivePermission',
   components: { SwitchRoles },
   directives: { permission },
   data() {

src/views/permission/page.vue

@@ -8,7 +8,7 @@
 import SwitchRoles from './components/SwitchRoles'
 
 export default{
-  name: 'pagePermission',
+  name: 'PagePermission',
   components: { SwitchRoles },
   methods: {
     handleRolesChange() {