请问,vue下大家为何都不这样用let

我看了很多组件的源码,发现都没有在<script>中直接使用let 赋值变量。我研究了下这个变量是基于本vue的,不是全局的,为何不这样用呢?
也就是不在<script> 和export之间用let呢?
<template>
  <div class="hello">
      ......
  </div>
</template>
<script>
let test01 = 'hehe';
export default {
  name: 'HelloWorld',
  data() {
      return {test02:test01}
  }
}
</script>

只在外部用过const ,因为let可赋值更改而const是固定

const:定义常量
let:定义变量 (有块级作用域)
var:定义变量(没有作用域)
注:有函数级作用域

<script>
let test01 = 'hehe';
export default {
  name: 'HelloWorld',
  data() {
      return {test02:test01}
  }
}
</script>

这样写是没有问题的,都是初始赋值。
在vue中很少有这样的写法,因为Vue里推荐在data里进行默认赋值,而且Vue有响应式,直接把{test02: 'hello'}看起来会更清晰,不用再到声明的地方去找变量。

谢谢大家的回答。其实我问的本质问题是在export外部写变量有没有什么副作用,例如写了大量的变量会不会影响其它模块或者其它的副作用。

谢谢,你说的data赋值我知道。 但是这样写有什么副作用吗? 如果声明大量的变量作为vue范围内的变量(不作为data使用),有没有什么副作用呢? 我主要想知道有没有什么副作用导致大家都不这样使用。

没有什么副作用,因为在.vue文件时用vue-loader解析,而script模块是直接js来解析的,所以就跟我们写js一样。