app.vue

<template><div id="app"><users></users></div> </template><script> import Users from './components/User' export default {name: 'App',data () {return {title: '這是我的第一個(gè)標(biāo)題'}},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>

運(yùn)行結(jié)果

總結(jié)

以上是生活随笔為你收集整理的前端学习（2512）：组件注册的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。