icons

<template>

<script>

採用vue-devtools瀏覽器工具外掛檢視此部分計算屬性詳情：

Recommend

<template>

<script>：通過props獲取父元件傳遞資料，並進行資料型別判斷

 	<script>
 	export default {
 	  name: 'HomeRecommend',
 	  props: {
 	    list: Array
 	  }
 	</script>

weekend

<template>

<script>：通過props獲取父元件傳遞資料，並進行資料型別判斷

	<script>
	export default {
	  name: 'HomeWeekend',
	  props: {
	    list: Array
	  }
	</script>

main.js 資源匯入彙總

  移動端300毫秒點選延遲問題
  移動端高解析度螢幕中的1畫素邊框問題

入口檔案main.js全部內容：

配置模擬靜態json資料不同步到線上程式碼倉庫

座標：./gitignore

通過npm命令下載的依賴均宣告在package.json檔案中，儲存在node_modules資料夾下

設定常用目錄別名

在專案中很多子元件中都在<style>塊中進行了import操作，引入外部的styl檔案，這裡引出一個常用目錄的問題。

以 @import ‘~styles/mixins.styl’ 為例子：

  src目錄簡單引用： @ , 在此標籤中引用，需要使用 ~ 作為字首。如：@import '[email protected]/xxx/mixins.styl'

設定styles目錄別名，座標：./build/webpack.base.conf.js，此檔案修改後需要重新啟動專案，注意。

最後針對<style>標籤內容未涉及是因為針對樣式的配置複雜，並且配置方式多種多樣，博主在配置樣式的是參考教程很多地方也是不能很正確的展示，因此很多地方的樣式設定採用了曲線救國的方案。另一個原因，針對rem自適應的樣式單位配置學習也在開展，不得不說，這個地方著實水太深。