Everything is displaying correctly as I intended. However, there is a warning in the console:
> vue.js:2 [Vue warn]: Unknown custom element: <canvas-datagrid> - did
> you register the component correctly? For recursive components, make
> sure to provide the "name" option.
>
> found in
>
> ---> <CGrid> at Vue/Components/cGrid.vue
> <Root>
To resolve this warning, run
npm install --save-dev canvas-datagrid<template>
<canvas-datagrid :data.prop='d'></canvas-datagrid>
</template>
<script>
import cGrid from "canvas-datagrid"
export default {
name: "c-grid",
data() {
return {
d: [
{ col1: 'abc' },
{ col1: 'def' }
]
}
},
components: {
cGrid
}
}
</script>
This should fix the warning issue.