VUEJS開發規範

2021-09-28 00:14:09 字數 1111 閱讀 9665

基於元件化開發理解

元件命名規範

結構化規範

注釋規範

編碼規範

vue官方文件給予以下說明:

當註冊元件 (或者 prop) 時,可以使用 kebab-case (短橫線分隔命名)、camelcase (駝峰式命名) 或 pascalcase (單詞首字母大寫命名)。

pascalcase 是最通用的宣告約定而 kebab-case 是最通用的使用約定。

命名可遵循以下規則:

1、有意義的名詞、簡短、具有可讀性

2、以小寫開頭,採用短橫線分割命名

4、資料夾命名主要以功能模組代表命名

vue檔案基本結構

**注釋在乙個專案的後期維護中顯的尤為重要,所以我們要為每乙個被復用的元件編寫元件使用說明,為元件中每乙個方法編寫方法說明。

以下情況,務必新增注釋

1.公共元件使用說明

2.各元件中重要函式或者類說明

3.複雜的業務邏輯處理說明

4.特殊情況的**處理說明,對於**中特殊用途的變數、存在臨界值、函式中使用的hack、使用了某種演算法或思路等需要進行注釋描述

5.注釋塊必須以/**(至少兩個星號)開頭**/;

6.單行注釋使用//;

優秀的專案原始碼,即使是多人開發,看**也如出一人之手。統一的編碼規範,可使**更易於閱讀,易於理解,易於維護。盡量按照eslint格式要求編寫**

1.使用es6風格編碼原始碼

定義變數使用let ,定義常量使用const

使用export ,import 模組化

2.元件 props 原子化

提供預設值

使用 type 屬性校驗型別

使用 props 之前先檢查該 prop 是否存在

3.避免 this.$parent

4.謹慎使用 this.$refs

5.無需將 this 賦值給 component 變數

更多專業前端知識,請上

【猿2048】www.mk2048.com

VUEJS開發規範

基於元件化開發理解 元件命名規範 結構化規範 注釋規範 編碼規範 vue官方文件給予以下說明 當註冊元件 或者 prop 時,可以使用 kebab case 短橫線分隔命名 camelcase 駝峰式命名 或 pascalcase 單詞首字母大寫命名 pascalcase 是最通用的宣告約定而 ke...

vuejs開發環境搭建

前言 現在前端最火的是3個框架 react,vue,angular。可以說著是哪個框架大大改變了前端的地位。相對於angular來說。vue同樣擁有豐富的指令,並且都是典型的mvc框架,但是vue比較輕量級一些,最主要的是,它是中國人寫的。別看這是中國人寫的框架,在國際上照樣得到了不俗的評價。我們在...

mysql 的開發規範 MySQL開發規範

一 基礎規範 1 使用innodb儲存引擎 2 資料庫字符集使用utf8,校對字符集使用utf8 general ci 3 所有表 欄位都盡量新增注釋 4 庫名 表名 欄位名使用小寫字母,禁止超過32個字元,須見名知意 5 非唯一索引以 idx 欄位1 欄位2 命名,唯一索引必須以 uniq 欄位1...