vue-component.js

import Vue from 'vue'

export default Vue.component('test-component', {
    template: `
        <div>
            <h1>{{ heading }}</h1>

            <ul>
                <li v-for="item in listItems" v-if="item !== 'Not visible'" :key="item">
                    {{ item }}
                </li>
            </ul>

            <p>More content</p>
        </div>
    `,
    data: () => ({
        heading: 'This is the heading',
        listItems: [
            'First',
            'Not visible',
            'Third',
        ],
    })
})