[Vue.js] #articles #vue

vue.js-tools.md

• vue-clickaway: Sometimes you need to detect clicks outside of the element (to close a modal window or hide a dropdown select).

vue.md

Tools And Practices To Speed Up The Vue.js Development Process

Module-Based vs File-Based Project Structuring

Organizing Modules

There are two ways you can organize your modules:

• Vue.js core modules,
• App feature modules.

The Vue.js core modules are here to facilitate your Vue.js development. Modules like the service module containing all the network requests needed by the company are kept in this core module and all corresponding network requests are made from here.

Controlling Updates

• Vue’s $forceUpdate.
• Key changing pattern.

Using the key changing pattern which is much better than the $forceUpdate method is another way to go about this. The reason behind the key changing pattern being better is that it allows Vue.js to know which component is tied to a specific data and when the key changes, it destroys the old component to create a new one, according to matthiasg on this Github issue I ran into.