JSFiddle - React, Tailwind, and code Playground
HTML
<script src="https://code.jquery.com/jquery-1.11.3.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/easy-pie-chart/2.1.4/jquery.easypiechart.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/vue/0.12.15/vue.min.js"></script>
<div id="app">
<div class="chart" v-repeat="chart: charts" v-attr="data-percent: chart">{{ chart }}%</div>
</div>
JavaScript
new Vue ({
el: "#app",
ready: function() {
this.fetchData();
},
data: {
charts: []
},
methods: {
fetchData: function() {
this.charts = [50, 90, 85, 23];
this.$nextTick(function() {
$('.chart').easyPieChart();
});
}
}
});