Please enable JavaScript.
Coggle requires JavaScript to display documents.
VueJS (Directives v-* (v-bind: (or :) (Dynamic attributes), v-for (key), v…
VueJS
Directives v-*
v-bind:
(or :
)
Dynamic attributes
v-if
v-show
:class
:style
v-for
key
v-on-* /
click,
etc
is attr
v-html
Vuex
Store/State
Injection via this.$store
Actions
Mutations
Getter/Setter
Modules
Root
Vue Router
Named routes
Guards
beforeEach hook
beforeRouteEnter
beforeRouteUpdate
Injection into Vue instance
404 fallback + server settings
Vuex router sync - access router in Vuex manner
Advanced tips
Access parent from child
Access root
v-once
$forceUpdate
Vue instances
Root (can be multiple on the page)
Tree of components (isolated)
Components
*.Vue files
computed properties
caching
setters/getters
methods
data properties
template
Compilation
component object template key or <template> in .Vue
watch (callback to track changes of specified data prop)
slot
named slot + default slot
slot props
scoped slot
mixins
Hooks
Create
Mount
before Create
Vue CLI
Webpack based
webpack chain to adjust settings
generate resulting html document
Include env vars
process assets (inline, optimize)
Scaffold
CLI commands/scripts
Data binding
v-model
2-way binding of input with data
v-bind
pass props into child via arg
Events (v-on:* or
click
)
$emit()
Modifiers (e.g. v-on:submit.prevent)
Props
Args to child component
vue-i18n
Put string into resources + translation
DOM mount