brightlightkim

Mixins Basics Mixins are a flexible way to distribute reusable functionalities for Vue components. A mixin object can contain any component options. When a component uses a mixin, all options in the mixin will be “mixed” into the component’s own options. Watch a video explanation on Vue Mastery Example: // define a mixin object var myMixin = { created: function () { this.hello() }, methods: { he..

// action from one moduleA to moduleB dispatch('moduleB/actionName', parameters, { root:true }) //Then it look for the action name and execute the command

Due to using a single state tree, all states of our application are contained inside one big object. However, as our application grows in scale, the store can get really bloated. To help with that, Vuex allows us to divide our store into modules. Each module can contain its own state, mutations, actions, getters, and even nested modules - it's fractal all the way down: const moduleA = { state: (..

Actions are similar to mutations, the differences being that: Instead of mutating the state, actions commit mutations. Actions can contain arbitrary asynchronous operations. Let's register a simple action: const store = createStore({ state: { count: 0 }, mutations: { increment (state) { state.count++ } }, actions: { increment (context) { context.commit('increment') } } }) Action handlers receive..

Art Libraries: Bulma Basic Framework Import it and classes for Raw HTML BootStrap Buefy Bulma + Vue Vuetify: These libraries help us with designing websites. (Component Libraries)

//HTML //we can programically modify the styles

EC2 Instance or a Docker Container Running and make HTTP Requests on them. (Vue.js) Nuxt Helps with SSR Make it easy to search for Google (SEO Optimization) SEO Reads the first thing (Don't have to wait) File System Routing Rending Modes Data Fetching Dev Mode Rerendering >> helps with editing certification >> url is the valid one Where to work /src/pages/ Supports the page stuff

https://stackoverflow.com/questions/45000510/vue-js-error-component-template-should-contain-exactly-one-root-element