SOURCE

new Vue({
    // 视图层view
    template: `<ul>
                    <li v-if="!items.length">sorry, thert are no data</li>
                    <template v-else>
                        <li v-for="item in items">{{ item }} </li>
                    </template>
                </ul>`,

    // 逻辑层model
    el: "#app",
    data: {
        items: ["HTML", "CSS", "JAVASCRIPT", "jQuery", "VUE"]
    },
})

<div id="app"></div>