Доброго времени суток! У меня такой вопрос, к изучению данного фреймворка только приступаю, и интересно, как тут реализована если она тут реализована конструкция switch case, или может есть какой то аналог? В общем был бы благодарен если бы кто то прояснил для меня этот вопрос)
Доброго! Аналог можно сказать что есть, v-else-if, первый блок должен быть обычным if, далее разные варианты через else-if, подобная конструкция если не изменяет память есть в python, вот пример:
Try to make some changes through console, just print ex.type and input your variant.
<div id="ex">
<div v-if="type === 'info'">
Its short info about this construction.
<div v-else-if="type === 'contact'">
Here you can find some contacts.
<div v-else-if="type === 'about'">
Here short description about our company.
<div v-else>
You can use console to change content of these block.
Avialiable such commands:
info
contact
about
В блоке сверху мы создаем 4 блока которые будут выдавать разные контент в зависимости от значения свойства объекта ex, то есть действует практически как обычная конструкция switch case, в случае если ни один вариант не существует в конце ставят просто v-else который по сути работает тут как своего рода default.
var ex = new Vue({
el: '#ex',
data: {
type:""
}
})
Попробуйте запустить данный пример и задать разные значение свойству type, очень удобный механизм для создания одностраничных приложений!
Есть хорошие уроки на itvdn по vue.js - https://itvdn.com/ru/video/vuejs
Ну или можешь почитать документацию, написанную разработчиками)