- vue instance = HTML is the entry point, but everything happens within the created Vue instance.
- v-for = use to create lists
- v-if = if statements/conditionals
- v-bind = special attributes provided by Vue that apply special reactive behavior to the DOM. Binds an attribute to an expression.
- v-on = handle user unput. attach event listeners that invoke methods on a vuew instance
- Best to use the public folder when...
- Lots of images need their paths synamically referenced
- We can pass an object to v-bind:class to dynamically toggle classes
- https://www.sitepoint.com/javascript-truthy-falsy/
- https://vuejs.org/v2/guide/class-and-style.html
- https://vuejs.org/v2/guide/conditional.html
- https://www.vuemastery.com/courses/intro-to-vue-js/conditional-rendering
- https://www.vuemastery.com/courses/intro-to-vue-js/attribute-binding
- https://www.freecodecamp.org/news/how-to-build-a-memory-card-game-with-vuejs/
- https://www.w3schools.com/howto/howto_css_flip_card.asp
-
Project setup
- npm install
-
Compiles and hot-reloads for development
- npm run serve
-
Compiles and minifies for production
- npm run build
-
Lints and fixes files
- npm run lint