经常能看到有些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>