nuxt.js tips and tricks

nuxtjs-tips-and-tricks.md

Data Stores

Access Router

• this.$router.currentRoute
• this.$router.currentRoute.params.query.fred
• see https://stackoverflow.com/questions/48068520/nuxt-js-how-to-get-route-url-params-in-a-page

Pass Multiple Params to Mutation

You need to pas as an object, as the mutation takes a simple payload. Calling:

commit('SET_ENTRY', { slug, entry: response.data })

Mutation definition:

SET_ENTRY(state, { slug, entry }) {
  ...
}

Router

Access from .vue file

this.$route

Access from data store .js

this.$router.currentRoute

Access from asyncData

async asyncData(context) {
  const query_params = context.route.query;
}