vue v-if v-else-if v-else

20171230

by Syuan Shih

HTML

<div id="app">
    <div v-if="type === 'A'">A</div>
    <div v-else-if="type === 'B'">B</div>
    <div v-else-if="type === 'C'">C</div>
    <div v-else>Not A/B/C</div>
</div>

JavaScript

var vm = new Vue({
    el: '#app',
    data: {
        type: 'B'
    }
});