document.querySelectorAll('.body__screen')
store.dispatch('urrent_user')
.then(r => {
// next processing
})
.catch(e => {
// goto login
}){
state: {
currentLang: 'RU',
translations: {
RU: {
label1: 'some ru text',
label2: 'some ru text',
},
EN: {
label1: 'some en text',
label2: 'some en text',
}
}
},
getters: {
translate: (state) => (label) => {
return state.translations[state.currentLang][label]
}
}
}this.$store.getters.translate('label1')
sendWithCheck(action1,action2, params) {
this.$store.dispatch(action1, params)
.then(r => {
if(r.result) {
showConfirmMessage('textmessage', () => {
// this is confirm event handler just for example
this.$store.dispatch(action2)
})
} else {
this.$store.dispatch(action2)
}
})
}methods: {
someMethod() {
// ...
this.$refs.cpt.filter(key)
}
}this.$refs.someComponent.someMethod()
tasks: function (state, data) {
let res = {}
for(let item of data){
res[item.pk] = item
}
state.tasks = res
},<script src="path_to_script"></script>
<script type="text/javascript">
var vm;
vm = vuecomp.init("vuecomponent", {
// some options
});
</script>
<div id="vuecomponent"></div>import Vue from 'vue'
// ...
const vuecomp = {
init(elementId, options) {
return new Vue({
el: `#${elementId}`,
// ...
})
}
}
export default vuecomp<div v-for="block in blocks">
{{block.nameBlock}}
<div v-for="item in block.items">
{{--item.nameItem}}
<div v-for="elitem in item.elem">{{----elitem.nameElem}}</div>
</div>
</div>