1. Smarter Watchers - Vue JS Optimisations

SmarterWatchers.js

// Typical pattern
created() {
  this.fetchUserList();
},
watch: {
  searchText() {
    this.fetchUserList();
  }
}

// Optimization - Watchers accept method names
watch: {
  searchText: 'fetchUserList'
}

// Optimization - invoke a watcher immediately, note this uses object syntax
watch: {
  searchText: {
    handler: 'fetchUserList',
    immediate: true
  }
}