refactor: 响应式补充

src/components/navbar.vue

@@ -2,10 +2,10 @@
   <div class="flex items-center justify-between pr-5 shadow-sm">
     <!-- <h1 class="text-lg font-medium py-3 px-6"></h1> -->
     <el-menu :default-active="activeIndex" class="el-menu-demo flex-1" mode="horizontal">
-      <el-menu-item index="1" @click="toShop">插件商城</el-menu-item>
+      <el-menu-item index="1" @click="toShop">{{ pluginShop }}</el-menu-item>
-      <el-menu-item index="2" @click="toDevelop">开发教程</el-menu-item>
+      <el-menu-item index="2" @click="toDevelop">{{ develop }}</el-menu-item>
-      <el-menu-item index="3" @click="toDown">下载模板</el-menu-item>
+      <el-menu-item index="3" @click="toDown">{{ downloadMould }}</el-menu-item>
-      <el-menu-item index="4" @click="toUp">上传插件</el-menu-item>
+      <el-menu-item index="4" @click="toUp">{{ upload }}</el-menu-item>
     </el-menu>
     <el-dropdown>
       <span class="flex items-center">
@@ -40,6 +40,10 @@ const router = useRouter();
 // const menu = computed(() => store.state.menu);
 const account = computed(() => store.getters['user/account']);
 const activeIndex = ref('1');
+const pluginShop = ref('插件商城');
+const develop = ref('开发教程');
+const downloadMould = ref('下载模板');
+const upload = ref('上传插件');
 
 // 打开修改密码的页面
 function openChangePassword() {
@@ -52,6 +56,7 @@ function signOut() {
   router.push({ name: 'signin' });
 }
 
+// 点击跳转路由
 function toShop() {
   router.push({ name: 'plugin-shop' });
 }

src/views/index-list/plugin-shop.vue

@@ -1,6 +1,6 @@
 <template>
   <div class="flex flex-1 py-10">
-    <el-input v-model="keyword" placeholder="请输入内容" />
+    <el-input v-model="keywords" placeholder="请输入内容" />
     <el-select v-model="industry" filterable placeholder="请选择行业">
       <el-option v-for="item in industryList" :key="item.value" :label="item.label" :value="item.value"> </el-option>
     </el-select>
@@ -52,7 +52,7 @@ import { ref } from 'vue';
 import { ElConfigProvider } from 'element-plus';
 import zhCn from 'element-plus/lib/locale/lang/zh-cn';
 
-const keyword = ref('');
+const keywords = ref('');
 const industry = ref('');
 const sort = ref('');
 const pluginName = ref('插件名称');