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

关于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 出去

    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论
  • 阡路陌人 2021-08-06 14:19
    关注

    1、这种可以理解为全局变量和局部变量的差异性
    2、return里面只对当前组件生效,而外面的会影响其他组件,从而造成变量污染

    评论
查看更多回答(1条)

报告相同问题?

问题事件

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

悬赏问题

  • ¥15 VB6.0中PICTUREBOX加载本地图片无法显示
  • ¥100 关于游戏app session获取的问题
  • ¥15 MYSQL数据库建表
  • ¥15 爬虫程序爬取TTGChina网站文章代码
  • ¥35 由于系统缓冲区空间不足或队列已满,不能执行套接字上的操作。
  • ¥15 如何用下图方法在AMESim中搭建离心泵模型
  • ¥15 C#连接服务器,请求时报Ssl/Tsl未能建立安全通道
  • ¥15 xcode15build的c++ dylib在10.15上不兼容
  • ¥15 CPLD如何实现在线逻辑分析
  • ¥15 控制面板卸载无权限!!