-
-
Save tareq3/63224c9d300ffb690cce0a665cf6ec01 to your computer and use it in GitHub Desktop.
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| ### 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