二、巢狀路由
三、導航欄、輪播圖元件
四、資料介面(輪播圖資料)
五、元件模板(self的具名插槽)
六、全部商品介面
初始化:vue create xmall_front
安裝依賴:
安裝sass:npm install -d sass-loader node-sass
安裝element-ui第三方元件庫:vue add element
安裝請求庫:npm i axios -s
建立router/index.js
import vue from
'vue'
import vuerouter from
'vue-router'
import index from
'../views/index'
import login from
'../views/loign/index'
import home from
'../views/home/index'
import goods from
'../views/goods/index'
import thanks from
'../views/thanks/index'
vue.
use(vuerouter)
const routes =[,
,,]}
,]const router =
newvuerouter()
export
default router
建立views下各專案
在檢視element使用方法
(在plugins/elements.js匯入)
建立vue.config.js
const fs =
require
('fs');
module.expors =})
})}}
}
在main.js中掛載,使所有元件都能用$http:
在home/index元件中獲取資料
使用$http.get獲取,若狀態碼為200,找type為0的資料(0為輪播圖)——baner
顯示banner
建立模板元件shelf.vue,且插入具名插槽
將子元件模板(import)引入並註冊,從home/index向子元件傳值(props)title => item.name,在具名插槽中寫入自己部分內容
Swift 商城Demo1 引導頁
效果圖 引導頁.gif private struct associatedkeys private var guaidwindow uiwindow?set public override class func initialize 3.在交換方法中設定guidewindow的rootviewcon...
spring aop筆記(使用demo)
定義 連線點 joinpoint 程式執行過程中的某一行為,例如,aserviceimpl.bara 的呼叫或者bserviceimpl.barb string msg,int type 丟擲異常等行為。通知 advice 切面 對於某個 連線點 所產生的動作,例如,testaspect中對com....
穀粒商城學習系列筆記
1.穀粒 分布式基礎篇 筆記一 2.穀粒 基礎篇 筆記二 安裝linux虛擬環境 3.穀粒 基礎篇 筆記三 安裝docker 4.穀粒 基礎篇 筆記四 docker安裝mysql 5.穀粒 基礎篇 筆記五 docker安裝redis 6.穀粒 基礎篇 筆記六 專案初始化結構建立 7.穀粒 基礎篇 筆...