vue实现通过登录用户的userId和userName筛选展示出他处理的那部分数据

好的，你可以通过以下步骤实现：

1. 在你的Vue组件中，定义一个data属性，用于存储用户的userId和userName，例如：

   data() {
     return {
       userId: '',
       userName: '',
       filteredData: []
     }
   }

2. 在组件的生命周期方法中，获取登录用户的userId和userName，并将其存储到data属性中：

   created() {
     this.userId = sessionStorage.getItem('userId')
     this.userName = sessionStorage.getItem('userName')
   }

上面的代码使用了`sessionStorage`来存储用户信息，你也可以使用其他方式来获取用户信息。

3. 在组件的模板中，使用`v-for`指令和`v-if`指令来展示过滤后的数据，例如：

   <div v-for="item in filteredData" v-if="item.userId === userId && item.userName === userName">
     {{ item }}
   </div>

上面的代码使用了`v-for`指令来遍历数据，使用`v-if`指令来筛选出与用户信息匹配的数据。

4. 在组件的方法中，可以将所有的数据存储在`data`属性中，然后在`created`生命周期方法中，根据用户信息筛选出对应的数据，存储在`filteredData`属性中，例如：

   data() {
     return {
       userId: '',
       userName: '',
       data: [
         { id: 1, userId: 'user1', userName: '张三', content: '处理的数据1' },
         { id: 2, userId: 'user2', userName: '李四', content: '处理的数据2' },
         { id: 3, userId: 'user1', userName: '张三', content: '处理的数据3' },
         { id: 4, userId: 'user3', userName: '王五', content: '处理的数据4' }
       ],
       filteredData: []
     }
   },
   created() {
     this.userId = sessionStorage.getItem('userId')
     this.userName = sessionStorage.getItem('userName')
     this.filteredData = this.data.filter(item => item.userId === this.userId && item.userName === this.userName)
   }

上面的代码将所有的数据存储在`data`属性中，然后在`created`生命周期方法中，根据用户信息筛选出对应的数据，存储在`filteredData`属性中。

这样，就可以在模板中使用`filteredData`属性来展示过滤后的数据了。