vue v-if true false

20171230

by Syuan Shih

HTML

<div id="app">
    <p v-if="isShow">{{ message }}</p>
</div>

JavaScript

var vm = new Vue({
    el: '#app',
    data: {
        message: 'This is example of v-if',
        isShow: true
    }
});
// 每2秒改變isShow的布林值
setInterval(function() {
    vm.isShow = !vm.isShow;
}, 2000)