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

关于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条回答 默认 最新

  • gzczzzzzz 2021-08-06 13:39
    关注

    你页面上 或者在 methods 里 created里 引用只能引用 data return出的变量 而 return 的上文 是可以写逻辑语句的 你定义变量,定义方法 去运算处理 ,然后再将结果return 出去

    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论
查看更多回答(1条)

报告相同问题?

问题事件

  • 系统已结题 8月14日
  • 已采纳回答 8月6日
  • 创建了问题 8月6日

悬赏问题

  • ¥15 u盘问题:盘符不显示 无媒体
  • ¥50 R语言读取nc按月均值转为tif
  • ¥30 智能车串级pid调参
  • ¥15 visual studio code翻译老是错误
  • ¥20 卫星测高数据的高程转换
  • ¥15 爬取招聘网站数据信息
  • ¥15 安装完tensorflow,import tensorflow as tf后报错,如何解决?
  • ¥15 ultralytics库导出onnx模型,模型失去预测能力
  • ¥15 linux下点对点协议连接2个USB串口的硬件流量控制问题
  • ¥15 SQL数据自动生成问题