（三）完成頁面佈局——vue-cli3實例：電商分類網頁

在頁面.vue中

#在<template>標籤中通過<div>進行佈局，設定相應的class名稱

#在<style>標籤中設置樣式

每個瀏覽器的默認樣式都不同，所以一般都將默認值改爲0

*{
        padding: 0;
        margin: 0;
    }

#在component文件夾下建立每一個佈局的內容組件（組件名開頭爲大寫，如Left.vue）

 

#在頁面.vue中的<script>中引用組件

import Left from '../components/Left.vue'
    export default{
        components:{
            Left
        }
    }

在<template>中通過標籤引用組件，如 <left></left>