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

查看 101|回复 3
作者:OldCarMan   
rt,本人非前端,最近想学点 vue ,出于想规范点学习前端项目基础的目的,这里请教一下关于上面这几点,大佬们平时生产环境中或者认为的最佳实践是怎么样的?
  • 比如代码规范是什么样的(我看有些前端代码驼峰 /短横线 /下划线混着用),不确定哪种比较规范点,另外比如后端项目结构有 mvc 模式,那么对应的前端一般会使用什么样的项目结构呢?工程化结构是怎么设计的。

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

    export function aa() {
    }
  • b.vue

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

    调用, Vue, 函数, template

  • moreant   
    第一点
    前端工程规范可以参考一些知名的后台模板如:
    vue2: https://github.com/PanJiaChen/vue-element-admin
    vue3: https://github.com/honghuangdc/soybean-admin
    第二点
    具体缘由请查阅 vue 单文件相关,如果是用 vue3 项目,使用  语法糖就不用重新声明了。
    cxe2v   
    工程规范与代码规范可以通过编辑器插件解决,在保存时或者提交时强制更改你指定的规则部分,
    项目结构这个需要存留文档并在开发组内宣贯规范,进行代码复查检查可能出现的不规范之处并及时改正
    全局变量使用你的写法是对的,但是你的 import 应该写在 script 标签内部
    grit136907108   
    import 这一行,应该写在 script 标签里面吧。
    全局变量我一般都是写在一个 js 里,需要用的时候 import 。
    vue2 的话只能重新声明,vue3 可以使用上面说的  语法糖。
    您需要登录后才可以回帖 登录 | 立即注册

    返回顶部