Esto funcionó bien.

 export default { name: "SensorChart", props: ["sampleData","sampleLabels"], data: function() { return { chartOptionsLine: { xAxis: { data: this.sampleLabels }, yAxis: { type: "value" }, series: [ { type: "line", data: this.sampleData } ], title: { text: "Sensor Data", x: "center", textStyle: { fontSize: 24 } }, color: ["#127ac2"] } } } };

Una expresión de función de flecha es una alternativa compacta a una expresión de función tradicional, pero está limitada y no se puede usar en todas las situaciones.

Existen diferencias entre las funciones de flecha y las funciones tradicionales, así como algunas limitaciones:

• Las funciones de flecha no tienen sus propios enlaces a this, arguments o super, y no deben usarse como métodos.
• Las funciones de flecha no tienen acceso a la palabra clave new.target.
• Las funciones de flecha no son adecuadas para los métodos de llamada, aplicación y vinculación, que generalmente se basan en establecer un alcance.
• Las funciones de flecha no se pueden utilizar como constructores.
• Las funciones de flecha no pueden usar yield, dentro de su cuerpo.

para más detalles allí:

https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Functions/Arrow_functions#comparing_traditional_functions_to_arrow_functions

Entonces, si desea usar la forma tradicional, puede usar esto.

 export default { ... data: function() { return {...} } }

si desea utilizar la función de flecha, si bien las funciones de flecha no tienen su propio puntero this, solo se pueden pasar argumentos cuando se llama a una función a través de call() o apply() (de esta manera no se puede enlazar esto).