承接上个话题 引用后 如何使用user.vue中的方法么

如果你要在 `pt.vue` 中使用 `user.vue` 中的方法，需要先在 `user.vue` 中将这些方法暴露出来，然后在 `pt.vue` 中通过 `ref` 属性获取 `user.vue` 组件的实例，最后即可调用 `user.vue` 中的方法。

具体步骤如下：

1. 在 `user.vue` 中，将需要暴露的方法定义在 `methods` 中，例如：

   export default {
     name: 'user',
     methods: {
       // 需要暴露的方法
       getUserInfo() {
         // ...
       }
     }
     // ...
   }

2. 在 `pt.vue` 中，使用 `ref` 属性来获取 `user.vue` 的实例，例如：

   <template>
     <div>
       <user ref="userComponent"></user>
     </div>
   </template>

这里的 `ref="userComponent"` 表示给 `user` 组件定义一个 `ref` 名称为 `userComponent`。

3. 在 `pt.vue` 的 `<script>` 标签中，使用 `$refs` 属性来获取 `user.vue` 组件的实例，并调用需要使用的方法，例如：

   export default {
     name: 'pt',
     mounted() {
       // 获取 user.vue 组件实例
       const userComponent = this.$refs.userComponent;
       // 调用 user.vue 中的方法
       userComponent.getUserInfo();
     },
     // ...
   }

这里的 `this.$refs.userComponent` 表示获取 `ref` 名称为 `userComponent` 的组件实例，然后可以通过 `.getUserInfo()` 的方式来调用 `user.vue` 中的 `getUserInfo()` 方法。

注意：在使用 `$refs` 属性获取组件实例时，需要在 `mounted` 生命周期钩子函数中调用，因为在 `mounted` 钩子函数中，子组件已经被挂载到页面上了，才能获取到子组件的实例。