Vue.jsテーブル：vuetablesとvue-tables-2のエラー

Question

私はvue.jsの新人ですが、私はvuetablesとvue-tables-2の両方を試したテーブルでデータをレンダリングする必要があります。ソースファイルと私は良い考えだとは思わない。 私のバックエンドはLaravel 5.3です。 vue-tables-2と

ERROR in ./~/vue-loader/lib/template-compiler.js?id=data-v-369be50a!./~/vue-loader/lib/selector.js?type=template&index=0!./~/vuetable/src/components/VuetablePagination.vue 
template syntax error class="{{wrapperClass}}": Interpolation inside attributes has been removed. Use v-bind or the colon shorthand instead. For example, instead of <div class="{{ val }}">, use <div :class="val">. 
@ ./~/vuetable/src/components/VuetablePagination.vue 8:23-158 
@ ./resources/assets/js/app.js 

とは、私が得た：

ERROR in ./~/vue-tables-2/lib/template.jsx 
Module parse failed: /home/vagrant/Code/project/node_modules/vue-tables-2/lib/template.jsx Unexpected token (15:7) 
You may need an appropriate loader to handle this file type. 
| var perPage = require('./template/per-page.jsx')(h, this); 
| 
| return <div class={"VueTables VueTables--" + this.source}> 
| <div class="row"> 
|  <div class="col-md-6"> 
@ ./~/vue-tables-2/lib/v-client-table.js 1:15-40 
@ ./~/vue-tables-2/index.js 
@ ./resources/assets/js/app.js 

または他のオプション、私が持っていないこれらのエラーを修正する方法はあります私はvuetablesを使用する場合 は、私は次のエラーを得ましたか。

Answer 1

私は現在semantic-uiを使用しています。私はそれが使いやすく、それにはtableを含む多くのUIコンポーネントがあります。 vuetablesとvue-tables-2でテーブルコンポーネントのみを取得し、他のコンポーネントでは他のライブラリを使用する必要があります。

UIライブラリの他のオプションは、あなたが探索するためにも使用できますがあります。

• Keen-UI
• quasar
• mint-ui
• material-ui-vue
• vue-mdl
• vux
• iview

Answer 2

vue-tables-2今、プリコンパイル用意しており、任意の変換を必要としません。