app.vue

<template><div id="app"><users></users></div>
</template><script>
import Users from './components/User'
export default {name: 'App',data () {return {title: '这是我的第一个标题'}},components: {'users': Users}
}
</script><style></style>

user.vue

<template><div class="users"><ul><li v-for="user in users">{{user}}</li></ul></div>
</template><script>
export default {name: 'users',data () {return {users: ['歌谣', '小红', '小明']}}
}
</script><!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped></style>

运行结果