Skip to content

Instantly share code, notes, and snippets.

@tareq3
Last active February 7, 2021 10:30
Show Gist options
  • Select an option

  • Save tareq3/63224c9d300ffb690cce0a665cf6ec01 to your computer and use it in GitHub Desktop.

Select an option

Save tareq3/63224c9d300ffb690cce0a665cf6ec01 to your computer and use it in GitHub Desktop.
### Vue Cheat Sheet
## Vue Create new Project
```
vue create hello-world
```
## There is an easy way to create and customize a Vue project using Vue UI
```
vue ui
```
## Add bootstrap-vue to vue project
```
vue add bootstrap-vue
```
### Preset are the custom setting that can be stored
you may use babel, Vuex, Router, Linter, typescript & eslint.
#### Here Router is the routing tool
#### Here Vuex is the state Management tool
## For running project:
```
npm run serve
```
you can find the commands/ scripts in package.json
## VUEX
### conepts:
### 1. state:
variable that holds the state
### 2. getter:
simple getter that return updated value with custom modification
### 3. mutation:
update the value of the stated variable but It is syncronous. So network call not possible
### 4. actions:
this is asyncronous, so after doing asyncronous operation it may update state by call mutation
#### Argon Pro a Vue Theme:
[Vue Argon Pro Theme](https://drive.google.com/open?id=17IwPuVeSPS8s938b-17Yr7BU9om1JAdq)
[Vue-Essentials-Cheat-Sheet.pdf](https://cdn.cacher.io/attachments/u/397rshf2ej0sc/zw8_uY8s1aBOFhsbwMuuQOU7K-VyPyWO/Vue-Essentials-Cheat-Sheet.pdf)
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment