vue.js - 具有 html 属性的 Vuejs 组件

Question

我正在使用单个文件组件，我想知道这样的事情是否可行：

<my-component param1='comp1'></my-component>
<my-component param1='comp2'></my-component>
<my-component param1='comp3'></my-component>

所以当以后调用组件的方法时my-component，每个组件都可以读取 param1 属性。vuejs可以做到吗？

只是为了澄清一点：

我正在为表格分页编写组件 - 一切都很酷，除了同一页上有多个表格的情况。在那种情况下，我还需要几个分页组件。所以我需要一种通过表ID连接表和分页组件的方法。

像这样的东西：

<table id="tbl1"></table>
<pagination-comp tblid="tbl1"></pagination-comp>

<table id="tbl2"></table>
<pagination-comp tblid="tbl2"></pagination-comp>

标签： vue.js

Answer 1

这正是 props 所做的。请遵循本指南。