年轻的狼
2021-08-06 13:28
采纳率: 100%
浏览 979
已结题

关于Vue 定义data变量在return内外的区别

经常能看到有些Vue的代码, 在Data函数 return 内外都定义了变量,例如下V-charts 的实例代码的this.charSettings和 chartData,这样做的目的是什么呢?写在内外的区别和用途又是什么呀。

<template>
  <ve-line :data="chartData" :settings="chartSettings"></ve-line>
</template>
<script>
export default {
  data () {
    this.chartSettings = {
      scale: [true]
    }
    return {
      chartData: {
        columns: ['date', 'PV', 'Order'],
        rows: [
          { 'date': '1/1', 'PV': 1393, 'Order': 1093 },
          { 'date': '1/2', 'PV': 3530, 'Order': 3230 },
          { 'date': '1/3', 'PV': 2923, 'Order': 2623 },
          { 'date': '1/4', 'PV': 1723, 'Order': 1423 },
          { 'date': '1/5', 'PV': 3792, 'Order': 3492 },
          { 'date': '1/6', 'PV': 4593, 'Order': 4293 }
        ]
      }
    }
  }
}
</script>

2条回答 默认 最新

相关推荐 更多相似问题