當我們進行開發的時候，並不是說所有信息都會在寫一個組件中
作為項目的老大，我們要去思考每個文件下面需要放什么業務，分的越細、越合理為好
我們在componts文件下新建一個Banner.vue 組件
第一種情況，如果我們不使用路由，我們可以直接在需要引入的組件下：
第一步：import Banner from " path " 引入組件
第二步：導入組件，export default 中components:{ Banner },
第三步：在template 中引入組件<Banner />
引入圖片在src 中，寫基本的html 框架，css引入，頁面中的輪播用v-for遍歷出來。在data中寫入圖片的路徑，但是如果我們直接寫
data(){
return{
img:[
“img/banner1.png”,
"img/banner2.png"
]
}
}
這樣的寫法是引入不到的，如果是在data 中引入圖片，我們需要添加一個require:
data(){
return{
img:[
require(“img/banner1.png”),
require("img/banner2.png")
]
}
}
這是因為當我們的項目開發完成之后，項目進行打包build 的時候，我們都會進行webpack打包，但是在打包的時候，webpack 會默認的解析為字符串，所以要使用require() 方式。
接着我們在methods 中加入方法，在平常我們使用js寫代碼的時候，封裝的函數，就可以放到這個里面
mounted 中 this.fun()自運行，進行掛載
methods、mounted都是vue生命周期中的鈎子函數