I am a beginner in the development field and encountering the following error report while working with Vue.js 3
115:5 error 'vendorTable' is assigned a value but never used no-unused-vars
115:23 error 'Vue' is not defined no-undef
117:3 error Object declaration on 'data' property is deprecated. Using function declaration instead vue/no-deprecated-data-object-declaration.
Within the template section
<table id="vendorTable">
<thead>
<tr>
<th>Vendor Code</th>
<th>Vendor Name</th>
</tr>
</thead>
<tbody>
<tr v-for="row in rows" :key="row.vendorTable">
<td>{{ row.vcode }}</td>
<td>{{ row.vname }}</td>
</tr>
</tbody>
</table>
Within the script section
<script>
var vendorTable = new Vue({
el: "#vendorTable",
data: {
rows: [
{
vcode: "VC001",
vname: "ABC Pvt Ltd",
},
{
vcode: "VC002",
vname: "XYZ Pvt Ltd",
},
],
},
});
</script>