vue 的 script 如何优雅的使用其他js文件？

Question

目前的思路:

app.vue

<template></template>

<script src="./script.js">

script.js

export default {
  data(){return {a:1}},
  mounted() {
    console.log(this.a)
  },
}

有3点疑惑：

1. 请问有更优雅的写法吗？
2. 这种写法和普通的写法有什么区别和副作用吗？
3. console.log(this.a) vscode 不支持跳转到 data 的 a 属性位置，有解决方案吗?

Answer 1

1. 不建议这么做，分开除了增加阅读负担外似乎没什么好处
2. 如果你想复用代码，利用 js 模块化导出导入就好
3. 当然不支持跳转，我也理解不了你为什么要这么跳转，你直接在 data() 里面打断点不就好了

Answer 2

尝试这样？re export

<script>
export * from "./script.js";
</script>

Answer 3

vue为啥要给script 添加setup，就是为了要走它自定义的编译流程，会进行代码的编译提取处理。
还有就是了解下它的SFC。