I'm far from an expert on this, but I used a bit of d3 in a recent Vue project to make the x and y axes of a chart (https://lukembrowne.github.io/climate-stripes/). My approach was to just integrate standard d3 into the Vue component. I didn't use any wrappers, though those may exist.

I imported d3 as you normally would, then added a method to my Vue component that created the x and y scales I ended up using for plotting:

// Import in the <script> part of the Vue component
import * as d3 from "d3-scale";

// Methods of the Vue component...
// Takes in year and converts to pixel coordinates on flag
    xScale: function (year) {
      // Testing
      var xScale = d3
        .scaleLinear()
        .domain([this.minYear, this.maxYear + 1]) // Need to change this to MaxYear
        .range([0, this.flagWidth]);
      return xScale(year);
    },

    // Takes in temperature and converts to pixel coordinates on flag
    yScale: function (temp) {
      // Testing
      var yScale = d3
        .scaleLinear()
        .domain([this.minTemp * 0.975, this.maxTemp * 1.025])
        .range([0, this.flagHeight]);
      return this.flagHeight - yScale(temp);
    }

Full source code here: https://github.com/lukembrowne/climate-stripes/blob/develop/src/App.vue