Vue.js 如何在vue'；组件语法

我想在

vue.js

组件中声明一个全局数组，这样我就可以在所有方法中访问它。我在哪里声明它在组件的哪个部分

我曾尝试在

PROPS

中设置，但在我需要数组类型时，它会生成一个对象

export default{  
   name:"BarElement",
   props:[  
      "labels",
      "dataset",
      "colors"
   ],
   methods:{  
      drawGraph() {  
         var dataPoints =[]; 
         var dataPoint =this.getDataPoint(upperLeftCornerX,nextX,value); 
         this.dataPoints.push(dataPoint);
      }      
      getDataPoint(x, nextX, value) {  
         return {  
            'leftEdge':x,
            'rightEdge':nextX,
            'value':value
         }
      },
      showToolTip(event) {  
         var mouseX = event.offsetX; 
         var toolTipVal = this.dataPoints.forEach(function(item, key) {  
            if(mouseX >= item.leftEdge && mouseX <= item.leftEdge ) 
            return item.value;
         });     
         console.log(toolTipVal);
      }
   }

导出默认值{
名称：“BarElement”，
道具：[
“标签”，
“数据集”，
“颜色”
],
方法：{
drawGraph（）{
var数据点=[]；
var dataPoint=this.getDataPoint（upperLeftCornerX、nextX、value）；
this.dataPoints.push（dataPoint）；
}      
getDataPoint（x，nextX，value）{
返回{
“leftEdge”：x，
“rightEdge”：nextX，
“值”：值
}
},
显示工具提示（事件）{
var mouseX=event.offsetX；
var toolTipVal=this.dataPoints.forEach（函数（项，键）{
如果（mouseX>=item.leftEdge&&mouseX尝试在数据对象内部声明它

data () {
    myArray:[]
 }

您还可以将道具声明为对象，因为这样可以指定道具的类型

props: {
  labels: Array,
  dataset: Array,
  colors: Object
}

如果希望该类型的所有组件共享同一个数组，请在export default语句之外声明它。
尝试在数据对象内部声明它

data () {
    myArray:[]
 }

您还可以将道具声明为对象，因为这样可以指定道具的类型

props: {
  labels: Array,
  dataset: Array,
  colors: Object
}

如果希望该类型的所有组件共享同一数组，请在export default语句之外声明它。
好的，在组件内部，您可以使用数据作为函数进行声明，这将在函数的本地进行

name: "BarElement",
props: ["labels", "dataset", "colors"],
data: function() {
    return {
        foo: {
            text: 'text1'
        }
    }
}

如果您想在应用程序组件中声明一个全局数组

与组件类似，您可以在其中添加数据

现在，要访问该数据，可以将其与
this.$root.[nameOfObject]
一起使用

这是我的官方文件

希望这会有所帮助！
好吧，在组件内部，您可以将数据声明为函数，这将是函数的本地部分

name: "BarElement",
props: ["labels", "dataset", "colors"],
data: function() {
    return {
        foo: {
            text: 'text1'
        }
    }
}

如果您想在应用程序组件中声明一个全局数组

与组件类似，您可以在其中添加数据

现在，要访问该数据，可以将其与
this.$root.[nameOfObject]
一起使用

这是我的官方文件

希望这有帮助