Projeto criado durante o curso Unit Testing do VueMastery
npm install
npm run serve
> npm i -g @vue/cli
> vue create vue-real-world
Vue CLI v4.3.1
? Please pick a preset: Manually select features
? Check the features needed for your project: Router, Vuex, Linter
? Use history mode for router? (Requires proper server setup for index fallback in production) No
? Pick a linter / formatter config: Prettier
? Pick additional lint features: Lint on save
? Where do you prefer placing config for Babel, ESLint, etc.? In dedicated config files
? Save this as a preset for future projects? No
? Pick the package manager to use when installing dependencies: NPM
> json-server --watch db.json
Para adicionar 1.5 segundos à resposta
> json-server -d 1500 --watch db.json
> npm outdated
Package Current Wanted Latest Location
prettier 1.19.1 1.19.1 2.0.4 vue-real-world
NProgress is a progress bar library
- API interceptors
- Axios Interceptors allow us to intercept our requests and responses adding additional functionality, like starting and stopping a progress bar
- Problems:
- Not optimal for multiple API calls at the same time
- Templates get rendered before the API call is returned
- In-component route guards
- Every component must be implement this
- Global and per-route guards <-- better option
- Define load data methods in router configuration
[https://vue-multiselect.js.org/]
- What should the default style be?
- we can build our entering and leaving transitions
- What should the starting style be?
- define
.v-enter
- define
- What should the active style be? How long should the transition take? Should we speed up or slow down the transition during the course of the transition?
- define
v-enter-active
- [https://www.w3schools.com/cssref/css3_pr_transition-timing-function.asp]
- define
- What should the ending style be?
- define
v-leave-to
- define
- What should the active leaving style be?
- define
v-leave-active
- define