要使用Ag-Grid与VueJS（原生JS）一起使用，您需要按照以下步骤进行设置：

1. 安装Ag-Grid和VueJS的依赖：

   npm install --save ag-grid-vue vue
   

2. 创建一个Vue组件并导入Ag-Grid和Ag-Grid-Vue的模块：

   import { AgGridVue } from 'ag-grid-vue';
   import 'ag-grid-enterprise';
   import 'ag-grid-community/dist/styles/ag-grid.css';
   import 'ag-grid-community/dist/styles/ag-theme-alpine.css';
   
   export default {
     components: {
       AgGridVue
     },
     // ...
   }
   

3. 在Vue模板中，使用Ag-Grid-Vue组件来渲染Ag-Grid表格：

4. 在Vue组件的data选项中，定义Ag-Grid的columnDefs和rowData：

   export default {
     data() {
       return {
         columnDefs: [
           { headerName: "Make", field: "make" },
           { headerName: "Model", field: "model" },
           { headerName: "Price", field: "price" }
         ],
         rowData: [
           { make: "Toyota", model: "Celica", price: 35000 },
           { make: "Ford", model: "Mondeo", price: 32000 },
           { make: "Porsche", model: "Boxster", price: 72000 }
         ],
         gridOptions: {
           // 可选的其他Ag-Grid选项
         }
       };
     },
     // ...
   }
   

5. 在Vue的main.js文件中，导入Vue和Ag-Grid的样式，然后创建Vue实例：

   import Vue from 'vue';
   import App from './App.vue';
   import 'ag-grid-community/dist/styles/ag-grid.css';
   import 'ag-grid-community/dist/styles/ag-theme-alpine.css';
   
   new Vue({
     render: h => h(App),
   }).$mount('#app');
   

6. 在入口HTML文件中，添加一个具有id“app”的元素，用于挂载Vue应用程序：

以上就是使用Ag-Grid与VueJS（原生JS）一起使用的基本步骤。您可以根据需要自定义Ag-Grid的选项和样式，以及使用Ag-Grid的其他功能。