Vue项目编码规范

最新推荐文章于 2024-07-22 12:12:13 发布

向小暖

最新推荐文章于 2024-07-22 12:12:13 发布

阅读量1k

点赞数

分类专栏： Vuejs 文章标签： vuejs 编码规范

博主原创文章未经博主允许转载，请注明原创文章地址。

本文链接：https://blog.csdn.net/znyaiw/article/details/79986706

版权

本文将探讨Vue项目的编码规范，包括单组件文件的样式、布局和样式的最佳实践，变量声明与定义的标准，单组件文件的命名规则，以及如何定制Vue应用的代码规范，以提升代码质量和团队协作效率。

摘要由CSDN通过智能技术生成

单组件文件样式、布局及样式

/**
 * 布局
 * lang: 可选，默认使用html，用于标注布局使用的模板类型。
 * /
<template lang="html">
    // tag: 原生标签或vue标签(router-view、router-link、...)，template起始必须
    // container: 组件根节点样式，一般一个项目中是统一的，可以使用空样式
    <tag class="container">
    </tag>
</template>

/**
 * 逻辑
 * lang: 可选，默认使用JavaScript，用于标注逻辑使用的脚本类型。
 * /
<script lang="javascript">
// 全局变量和引用
const g_var = ...;
import xxx from '...';
// 以模块形式导出
export default {
    // 混入
    mixins: [xxMixin],
    // 指令
    directives: {
        xxx: { ... }
    },
    // 过滤器
    filters: {
        xxx: {