skirtle

We've experimented with using automatic formatting before, but it's always proven to be problematic. The examples in the docs sometimes need the flexibility to deviate from strict formatting rules to...

Full example: https://jsfiddle.net/skirtle/wcdfe1ub/ Key section: ```js async created () { const list = await loadList() this.items = list const list2 = await loadList2() list.push(...list2) } ``` This uses the options...

There's a common question that gets asked: What is the difference between `reactive` and `ref` and when should I use one instead of the other? Usually the question is in...

Reassigning a local variable does nothing from a reactivity perspective: ```js setup () { let myValue = ref(false) const update () { myValue = ref(true) // or even: // myValue...

While it is already documented, destructuring is a common source of problems. This isn't a problem with destructuring itself, it's just the most common way to read a property outside...

**Update:** `props` does now include all props, even if they aren't passed. The problem described here does still exist, but it won't happen with `props`, which was the most common...

Working with third-party libraries that aren't designed to be compatible with Vue can be difficult and has changed from Vue 2 to Vue 3. Similar problems can occur when users...

There are two key principles that are sometimes overlooked, or deliberately ignored because they aren't properly understood: 1. Don't mutate any objects/arrays returned by `computed`. 2. Don't mutate objects/arrays in...

The documentation is already clear about the need to always go through the proxy. Further, it outlines the potential problems that can be caused by equality checking, because a proxy...

**Update:** Things have changed since this comment was written. It is still potentially useful as a checklist of things to consider, but I wouldn't rely on it if you're trying...