An open API service indexing awesome lists of open source software.

https://github.com/acdcjunior/vue-hacks

Collection of components you shouldn't use with Vue, but you do anyway.
https://github.com/acdcjunior/vue-hacks

Last synced: 4 months ago
JSON representation

Collection of components you shouldn't use with Vue, but you do anyway.

Awesome Lists containing this project

README

          

# vue-hacks
Collection of components you shouldn't use with Vue, but you do anyway.

- [``](v-hack-style.html) a reactive `` tag within the component's `template`.
- Demo: https://rawgit.com/acdcjunior/vue-hacks/master/v-hack-style.html
- [`<v-hack-script>`](v-hack-script.html) a data-initializable (non-reactive) `<script>` tag within the component's `template`.
- Demo: https://rawgit.com/acdcjunior/vue-hacks/master/v-hack-script.html

For each individual component, check its HTML.

<br><br><br>

# Vue common issues/mistakes

1. [Change Detection/Reactivity Caveats](https://vuejs.org/v2/guide/reactivity.html#Change-Detection-Caveats) Creating new properties in an existing object without using `Vue.set`
2. Using arrow functions when declaring `data`, `methods`, `watch`ers and `computed`s.
- https://stackoverflow.com/a/49580445/1850609
- https://stackoverflow.com/a/48981021/1850609

# Vue common requests (not necessarily mistakes)

1. Calling deeply nested methods, or parent's methods
- https://stackoverflow.com/a/49524409/1850609
2. Bubble up custom component events
- https://stackoverflow.com/a/49524409/1850609
- https://stackoverflow.com/a/49568840/1850609
3. When using `v-for` and some flag, want to individualize the flag for each element (instead of having one global flag).
- https://jsfiddle.net/acdcjunior/L9t5eLey/
- https://stackoverflow.com/a/49580121/1850609
- https://stackoverflow.com/a/49580548/1850609