关于 vue 工程规范，项目结构设计，代码规范等是怎么做的？

rt,本人非前端，最近想学点 vue ，出于想规范点学习前端项目基础的目的，这里请教一下关于上面这几点，大佬们平时生产环境中或者认为的最佳实践是怎么样的？

• 比如代码规范是什么样的(我看有些前端代码驼峰 /短横线 /下划线混着用)，不确定哪种比较规范点，另外比如后端项目结构有 mvc 模式，那么对应的前端一般会使用什么样的项目结构呢？工程化结构是怎么设计的。

最后请教大家一个问题，vue 组件是怎么调用来自其他目录下的全局变量 /函数的？我看如果只是普通 js 文件相互调用，调用方直接 import 变量 /函数进来就可以使用了，但在组件中直接 import 好像不行，比如 b.vue 调用 a.js:

• a.js

export function aa() {

}

• b.vue

<template>

<!--无法直接使用{{aa()}}-->     
<div>{{aaU()}}</div>

</template>

import {aa} from "@/utils/a";
<script>
export default defineComponent({
	methods: {
    	  aaU() {
            return aa();
    	  }
  	}
})
</script>

如上面代码，无法在 template 中直接使用{{aa()}}来获取函数返回结果，只能通过调用一个 methods 或 computed 里的重新申明的函数 aaU()间接调用,这样感觉有点多此一举，不是很明白其中的目的，或者是存在直接使用的办法，只是我没发现而已。另外大家平时 vue 项目的全局变量是存放到什么位置的？配置文件？工程文件？还是直接写 js 里面?

谢谢大家回复，提前祝大家节日快乐！