BigW Consortium Gitlab
Skip to content
Projects
Groups
Snippets
Help
Loading...
Help
Submit feedback
Contribute to GitLab
Sign in
Toggle navigation
G
gitlab-ce
Project
Project
Details
Activity
Releases
Cycle Analytics
Repository
Repository
Files
Commits
Branches
Tags
Contributors
Graph
Compare
Charts
Issues
0
Issues
0
List
Board
Labels
Milestones
Merge Requests
0
Merge Requests
0
Registry
Registry
Wiki
Wiki
Snippets
Snippets
Members
Members
Collapse sidebar
Close sidebar
Activity
Graph
Charts
Create a new issue
Commits
Issue Boards
Open sidebar
Forest Godfrey
gitlab-ce
Commits
6f040230
Commit
6f040230
authored
May 04, 2017
by
Filipa Lacerda
Browse files
Options
Browse Files
Download
Email Patches
Plain Diff
Changes after review
parent
1848ddf6
Changes
1
Show whitespace changes
Inline
Side-by-side
Showing
1 changed file
with
13 additions
and
19 deletions
+13
-19
style_guide_js.md
doc/development/fe_guide/style_guide_js.md
+13
-19
No files found.
doc/development/fe_guide/style_guide_js.md
View file @
6f040230
...
@@ -225,13 +225,6 @@ A forEach will cause side effects, it will be mutating the array being iterated.
...
@@ -225,13 +225,6 @@ A forEach will cause side effects, it will be mutating the array being iterated.
### Vue.js
### Vue.js
#### Basic Rules
#### Basic Rules
1.
Only include one Vue.js component per file.
1.
Export components as plain objects:
```javascript
export default {
template: `<h1>I'm a component</h1>
}
```
1.
The service has it's own file
1.
The service has it's own file
1.
The store has it's own file
1.
The store has it's own file
1.
Use a function in the bundle file to instantiate the Vue component:
1.
Use a function in the bundle file to instantiate the Vue component:
...
@@ -274,22 +267,13 @@ A forEach will cause side effects, it will be mutating the array being iterated.
...
@@ -274,22 +267,13 @@ A forEach will cause side effects, it will be mutating the array being iterated.
#### Naming
#### Naming
1.
**Extensions**
: Use
`.vue`
extension for Vue components.
1.
**Extensions**
: Use
`.vue`
extension for Vue components.
1.
**Reference Naming**
: Use
PascalCase for Vue components and
camelCase for their instances:
1.
**Reference Naming**
: Use camelCase for their instances:
```javascript
```javascript
// bad
import cardBoard from 'cardBoard';
// good
// good
import
C
ardBoard from 'cardBoard'
import
c
ardBoard from 'cardBoard'
// bad
components: {
components: {
CardBoard: CardBoard
cardBoard:
};
// good
components: {
cardBoard: CardBoard
};
};
```
```
...
@@ -495,6 +479,16 @@ A forEach will cause side effects, it will be mutating the array being iterated.
...
@@ -495,6 +479,16 @@ A forEach will cause side effects, it will be mutating the array being iterated.
1.
Tooltips: When using a tooltip, include the tooltip mixin
1.
Tooltips: When using a tooltip, include the tooltip mixin
1.
Don't change
`data-original-title`
.
1.
Don't change
`data-original-title`
.
```javascript
// bad
<span data-original-title="tooltip text">Foo</span>
// good
<span title="tooltip text">Foo</span>
$('span').tooltip('fixTitle');
```
## SCSS
## SCSS
-
[
SCSS
](
style_guide_scss.md
)
-
[
SCSS
](
style_guide_scss.md
)
...
...
Write
Preview
Markdown
is supported
0%
Try again
or
attach a new file
Attach a file
Cancel
You are about to add
0
people
to the discussion. Proceed with caution.
Finish editing this message first!
Cancel
Please
register
or
sign in
to comment