javascript - vue的單文件組件如何拼成一個頁面？
問題描述
比如我現在有一個top.vue 和bottom.vue怎樣能作為頁面的header和footer在每一個頁面中調用呢？
問題解答
回答1：在需要應用組件的頁面
import headTop from ’../../components/header/head’
<head-top :head-title='loginWay? ’登錄’:’密碼登錄’' goBack='true'></head-top>回答2：某個項目的app.vue文件:
<template> <p id='app'> //在這里調用你的組件 <TopContainer></TopContainer> <BHeader></BHeader> <BContent :rows='rows'></BContent> <BNavSide :options='options' v-on:change='isShowMask'></BNavSide> <p ref='mask' v-show='showMask'></p> </p></template><script>//在這里import組件import TopContainer from ’components/common/TopContainer.vue’import BHeader from ’components/common/BHeader.vue’import BContent from ’components/content/BContent.vue’import BNavSide from ’components/nav/BNavSide’import { mapGetters } from ’vuex’export default { name: ’app’, //在這里寫用到的組件 components: { TopContainer, BHeader, BContent, BNavSide }}</script>授人以魚不如授人以漁，根據上面的方法就可以解決你的問題了回答3：
注冊全局組建就行了呀
回答4：vue-cli 按照webpack-simple模板生成一個vue項目摸索一下就知道單文件組件怎么用了
回答5：建個組件文件夾，里面分解成header,footer什么的.vue模塊，然后通過import分別導入引用模塊。
回答6：導入組件，注冊 components
相關文章：
1. javascript - 關于<a>元素與<input>元素的JS事件運行問題2. css3 - 純css實現點擊特效3. MySQL中的enum類型有什么優點？4. java - 為什么第一個線程已經釋放了鎖，第二個線程卻不行？5. mysql - 記得以前在哪里看過一個估算時間的網站6. javascript - vscode alt+shift+f 格式化js代碼，通不過eslint的代碼風格檢查怎么辦。。。7. 大家好，我想請問一下怎么做搜索欄能夠搜索到自己網站的內容。8. python - 啟動Eric6時報錯：’qscintilla_zh_CN’ could not be loaded9. html - vue項目中用到了elementUI問題10. mysql - 查詢字段做了索引為什么不起效,還有查詢一個月的時候數據都是全部出來的，如果分拆3次的話就沒問題，為什么呢。
網公網安備