基於元件化開發理解
元件命名規範
結構化規範
注釋規範
編碼規範
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...