場景

在一個vue的單頁面，假如是home.vue中要引入其他組件的內容。

頁面結構如下：

實現

首先在components下新建組件Today_recommend.vue組件

<template lang="html"><div class="">今日推薦</div> </template><script>export default {} </script><style lang="css"> </style>

然后想在home.vue這個頁面中引入組件Today_recommend.vue，打開home.vue

<template lang="html"><div class=""><TodayRecommend/></div> </template><script> import TodayRecommend from "../components/Today_Recommend" export default {name:"home",components:{TodayRecommend} } </script><style lang="css"> </style>

效果

總結

以上是生活随笔為你收集整理的怎样在vue单页面中引入其他组件的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。