Vue.mixin({
data() {
return {
isMobile: window.innerWidth < 768 , // поменять по своему вкусу
}
},
});
<div class="component">
<ComponentDesktop v-if="!isMobile"></ComponentDesktop>
<ComponentMobile v-else></ComponentMobile >
</div>
const state = {
now: new Date
}
const actions = {
start ({ commit }) {
setInterval(() => {
commit('UPDATE_TIME')
}, 1000)
}
}
const mutations = {
UPDATE_TIME(state) {
state.now = new Date
}
}
computed: {
...mapState(['now'])
}