精华内容
下载资源
问答
  • vue项目命名规范

    2021-11-01 15:05:39
    一、项目命名 litemall-master

    1、组件命名

    index.js 或者 index.vue,统一使用小写字母开头的(kebab-case)命名规范;
    
    属于组件或类的,对于组件的导出/导入,
    统一使用大写字母开头的(PascalCase)命名规范 ;
    
    export { default as AppMain } from './AppMain' // 使用 PascalCase命名的文件夹
    

    components下的子文件夹名称统一大写开头(PascalCase)(比较习惯小写)

    其他非组件或类的,统一使用小写字母开头的(kebab-case)命名规范

    2、.js文件命名规范

    属于类的.js文件,除index.js外,使用PascalBase风格
    其他类型的.js文件,使用kebab-case风格
    属于Api的,统一加上Api后缀
    

    3、vue文件命名规范

    除index.vue之外,其他.vue文件统一用PascalBase风格
    

    4、.less文件命名规范

    统一使用kebab-case命名风格
    
    展开全文
  • A Vue.js project 项目目录结构 |-- src // 源码目录 | |-- components // 功能组件 | |-- common // 公共组件 | |-- footer // 分模块--底部公共组件 | |-- header // 分模块--头部公共组件 | | |-- config // ...
  • vue命名规范

    2021-01-10 21:39:54
    命名规范 1.文件夹命名: 只用一个名词、小写 不推荐:kebab-case风格(理论上也可) 2.文件命名 a *.vue 除index.vue之外,其它.vue文件统一用PascalBase风格 b *.js 属于类的.js文件,除index.js外,使用...

    命名规范

    1.文件夹命名:
    只用一个名词、小写

    2.文件命名
    a *.vue 除index.vue之外,其它.vue文件统一用PascalBase风格
    b *.js 属于类的.js文件,除index.js外,使用PascalBase风格
    其它类型的.js文件,使用kebab-case风格
    属于api的,统一加上Api后缀
    c *.css 统一使用kebab-case命名风格
    注:最少两个名词,大驼峰,高级别词在前,描述性词后(SearchInputQuery),

    3.变量、方法命名
    类似以get、post、on等开头,以Data结尾,动宾短语小驼峰,另:不在生命周期方法里写逻辑

    4.props
    声明 prop的时候, 使用驼峰命名(myProps), 模板中使用的时候, 用 - 连接(my-props)

      props: {
        myProps: {}
      }
      <my-component :my-props="abc"></my-component>
    
    展开全文
  • Vue命名规范

    2021-03-21 22:29:20
    Vue给出的官方的命名规范: 当注册组件 (或者 prop) 时,可以使用 kebab-case (短横线分隔命名)、camelCase (驼峰式命名) 或 PascalCase (单词首字母大写命名)。 PascalCase 是最通用的声明约定而 kebab-case 是最...

    一、组件命名

    Vue给出的官方的命名规范:

    在这里插入图片描述
    当注册组件 (或者 prop) 时,可以使用 kebab-case (短横线分隔命名)、camelCase (驼峰式命名) 或 PascalCase (单词首字母大写命名)。
    PascalCase 是最通用的声明约定而 kebab-case 是最通用的使用约定。

    命名可遵循以下规则:

    1、有意义的名词、简短、具有可读性
    2、以小写开头,采用短横线分割命名
    3、基础组件名以Base、App 或 V开头
    4、文件夹命名主要以功能模块代表命名

    二、Vue组件中的方法书写顺序

    - components   
    - props    
    - data     
    - created
    - mounted
    - activited
    - update
    - beforeRouteUpdate
    - methods   
    - filter
    - computed
    - watch
    
    展开全文
  • 对于项目开发时,因为没有接触严格的文件命名规范学习,所以有时候文件命名不规范,经常驼峰,大写开头以及横线连接混合使用,造成了不好的视觉效果,整理一下项目文件规范来规范自己以后的代码开发 Component 所有...

    官方文档的风格指南

    命名规范

    对于项目开发时,因为没有接触严格的文件命名规范学习,所以有时候文件命名不规范,经常驼峰,大写开头以及横线连接混合使用,造成了不好的视觉效果,整理一下项目文件规范来规范自己以后的代码开发

    Component

    所有Component文件都是以大写开头,但是除了index.vue

    例如:

    @/src/components/BackToTop/index.vue
    @/src/components/Charts/Line.vue
    @/src/views/example/components/Button.vue

    JS 文件

    所有的.js文件都遵循横线连接
    例如:

    @/src/utils/open-window.js
    @/src/views/svg-icons/require-icons.js
    @/src/components/MarkdownEditor/default-options.js

    Views

    views文件下,代表路由的.vue文件都使用横线连接,代表路由的文件夹也是用同样的规则
    例如:

    @/src/views/svg-icons/index.vue
    @/src/views/svg-icons/require-icons.js

    使用横线连接来命名views主要是出于以下几个考虑。

    • 横线连接 (kebab-case) 也是官方推荐的命名规范之一 文档
    • views下的.vue文件代表的是一个路由,所以它需要和component进行区分(component 都是大写开头)
    • 页面的url 也都是横线连接的,比如https://www.xxx.admin/export-excel,所以路由对应的view应该要保持统一
    • 没有大小写敏感问题
    展开全文
  • vue开发命名规范

    2021-04-15 14:04:42
    1.声明 prop的时候, 使用驼峰命名(myProps), 模板中使用的时候, 用 - 连接(my-props) 事件命名 1.因为html对大小写不敏感,所以大写的都会被转为小写的。 所以推荐 都用 -连接来命名。 ...
  • vue文件命名规范和文件夹命名规范

    千次阅读 2020-10-15 14:58:35
    views 文件夹下面是由 以页面为单位的vue文件 或者 模块文件夹 组成的,放在 src 目录之下,与 components、assets 同级。 views 下的文件夹命名 views 下面的文件夹代表着模块的名字 由名词组成(car、order、...
  • 1、views 命名 views 文件夹下面是由 以页面为单位的 vue 文件 或者 模块文件夹 组成的 放在 src 目录之下,与 components、assets 同级 目录解析 目录/文件 说明 build 项目构建(webpack)相关代码 ...
  • Vue项目组件命名规范

    2021-11-06 21:15:45
    二、单文件组件命名 拆分单文件组件命名时:要么单词首字母都大写(大驼峰),要么都小写用短横线连接 三、基础组件命名 应用特定样式和约定的基础组件 (也就是展示类的、无逻辑的或无状态的组件) 应该全部以一...
  • Vue项目代码规范

    2020-12-19 15:43:24
    一、UI框架及css预处理器选择1、PC端Vue项目UI框架:ElementUI(优先)、iView2、移动端Vue项目UI框架:mint-ui(优先)、vant3、sass/scss、less、stylus ?????推荐less:less相对比sass更简洁,而stylus的语法灵活性...
  • Vue项目中的文件/文件夹命名规范0.2262018.09.21 16:01:09字数 820阅读 6979文件或文件夹的命名遵循以下原则:index.js或者index.vue,统一使用小写字母开头的(kebab-case)命名规范属于组件或类的,统一使用大写字母...
  • views下以 小写字母命名文件夹/index.vue 将各个主页面划分 components 大写字母开头及驼峰命名文件夹 将各个大组件划分开 组件中需要些小组件的,则写在该对应的文件夹下 ,同样以 大写字母开头及驼峰命名.vue ...
  • Vue文件命名规范

    千次阅读 2020-08-17 16:33:01
    Vue项目中的文件/文件夹命名规范 1、components、views下文件夹/文件命名 a、文件夹命名使用大写字母开头PascalBase风格 b、必须包含index.vue c、其他文件名以大写开头PascalBase风格 eg: [components] ...
  • vue规范 命名规范

    2020-11-25 08:14:33
    初始化vue项目 vue init webpack deaxios # 使用脚手架创建项目 deaxios(项目名,随便取得) cd deaxios # 进入项目 npm install axios@0.19.2 # 安装axios npm i element-ui -S # 安装element-ui到当前项目 ...
  • 前端VUE命名规范

    千次阅读 2019-07-05 08:59:58
    刚开始做前端 命名规范 少不了被说 也不利于与同事们一起开发 所以问了下公司大佬 以后写代码都按规范来!!! 组件名 — 大驼峰 class类名 — 连字符 方法名 — 小驼峰 常量(const) — 全大写 变量(let) — 小驼峰 ...
  • 编程中变量命名确实令人很头疼。我们模糊地知道,Vue 组件的名称最好不要和原生 HTML 标签相同。为了避免重名,通常会在组件名称前面加上一个前缀,如 el-button、el-input、el-date-picker。这通常不会有什么问题,...
  • vue的官方网站现在有了一个风格指南(https://cn.vuejs.org/v2/style-guide/),当时写这个项目的时候,这个指南还不是很...文件命名项目中采取了和目录命名基本一致的规则,但是会加一个表示不同组件的后缀。比如...
  • vue项目命名方式

    2019-04-26 16:51:47
    vue 项目命名方法 命名 命名的方法通常有以下几类: 命名法说明 1).camelCase,形如thisIsAnApple 2).PascalCase,形如ThisIsAnApple 3).下划线命名法,形如this_is_an_apple · 4).kebab-case,形如this-...
  • ①index.js 或者 index.vue,统一使用小写字母开头的(kebab-case)命名规范; ②属于组件或类的,统一使用大写字母开头的(PascalCase)命名规范; ③其他非组件或类的,统一使用小写字母开头的(kebab-case)命名规...
  • 命名规范 1、图片命名: xx xx_xx 2、scss样式命名: .xx-xx {} .xx {} 3、js变量命名: 小驼峰命名方式(xxXxx) 4、js常量命名: 采用全大写(XXX) 5、vue组件命名:product-select 组件中的: name: xxx-xxx (采用...
  • 使用vue-cli工程化开发项目时,会需要创建许多的文件,如何统一命名需要遵循一定的规范 Component 所有的Component文件都是以大写开头 (PascalCase),这也是官方所推荐的。 但除了 index.vue。 例子: @/...
  • 目录:创建项目Vue CLI 是 Vue.js 开发的标准工具,可以通过npm install -g @vue/cli 或者 yarn global add @vue/cli 这两个方式在系统全局中安装。可以通过 vue create my-project (my-project指的是项目的名称 ) ...
  • Vue项目命名规范

    2021-08-11 20:14:23
    文件夹 在 components 下的文件夹,用 PascalBase 风格。 其余用 kebab-case 风格。 文件 在 components 下的文件,用 PascalBase 风格。 index.vue 命名除外。 其余用 kebab-case 风格。
  • vue 项目代码规范

    2021-03-22 14:29:37
    vue3.0项目规范 一、目录结构 ├── babel.config.js 相关配置及规范见官网 https://cli.vuejs.org/zh/config/#babel ├── dist 生成打包后文件 ├── node_modules 安装的依赖包 ├── package-lock.json ...
  • VUE-CLI项目代码规范

    2021-01-08 12:52:09
    一、命名规则… 1 二、CSS书写规范… 2 三、JS书写规范… 2 四、Vue.js书写规范… 3 4.1单个.vue文件书写规范… 3 4.2 Vue.js组件相关规范… 3 4.3 Vuex和VueRouter相关规范… 3 4.4 Webpack相关规范… 4   一、...
  • (给前端大全加星标,提升前端技能)作者:达达前端公号 / Jeskson(本文来自作者投稿)背景介绍vue router是vue.js官方的路由管理器,它和vue.js的核心深度集成,让构建单页面应用变得易如反掌,它的功能有:嵌套的路由...
  • Vue踩坑---组件命名一定要规范

    万次阅读 2019-08-17 11:33:36
      在写Vue项目的时候,用cube-ui的createAPI创建一个组件,结果运行的时候,报错信息是这样的: 怎么可能,让我npm 安装?这不是npm的事。后来又排查了老半天,把shopcart的组件名给改成了shop-cart,不报错了,...
  • vue-router基本用法vue-router的实现原理:路由不同的页面也就是加载不同的组件。路由的三个基本概念:router:它是一条路由,test按钮 => test内容,这是一条route,test1按钮 => test1内容,这是另一条路由...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 12,451
精华内容 4,980
关键字:

vue项目命名规范

vue 订阅