Vue.js 这是创建组件的正确方法吗?

Vue.js 这是创建组件的正确方法吗?,vue.js,vue-component,Vue.js,Vue Component,我想为用户显示一些联系信息: {{user.age} {{user.gender} users是一个数组,它包含我从后端获取的所有用户 我想创建一个组件,这样我就可以在其他类中重复使用用户卡,而不必包含标记。我尝试了以下方法,但我被困在按钮上,无法重定向用户和img,因为我不知道如何使用命名插槽 {{age}} {{性别} 导出默认值{ 名称:“用户卡”, 道具:[ “年龄”, “性别” ] }; 另一个问题是,我必须为其他类中的用户重新创建fetch方法,以访问用户信息。有没有更好的办

我想为用户显示一些联系信息:


{{user.age}
{{user.gender}

users是一个数组,它包含我从后端获取的所有用户

我想创建一个组件,这样我就可以在其他类中重复使用用户卡,而不必包含标记。我尝试了以下方法,但我被困在按钮上,无法重定向用户和img,因为我不知道如何使用命名插槽


{{age}}
{{性别}

导出默认值{ 名称:“用户卡”, 道具:[ “年龄”, “性别” ] };
另一个问题是,我必须为其他类中的用户重新创建fetch方法,以访问用户信息。有没有更好的办法

//从后端获取用户数据并创建用户数组
...

这是创建可重用组件的正确方法吗?

您正朝着组件的正确方向前进。如果你想要一个指定的按钮槽,你可以使用这样的东西

子组件


...
母公司


这里有一些自定义按钮{{user.phone}
另外(《Vuejs v2指南》)是插槽中需要记住的一件重要事情——“父模板中的所有内容都在父范围内编译;子模板中的所有内容都在子范围内编译。”


在获取用户方面,这是一个单独的问题。如果您发现自己经常需要在各种组件中获取用户,请查看类似的或其他方法

按钮捕捉效果很好。我使用了$emit('doSomething'),它也可以工作