vue node商城demo筆記 不定時更新

2021-10-10 02:42:46 字數 1805 閱讀 5566

二、巢狀路由

三、導航欄、輪播圖元件

四、資料介面(輪播圖資料)

五、元件模板(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.穀粒 基礎篇 筆...