vue2.0 仿蘑菇街

Vue2.0 仿蘑菇街

項目地址: github

能夠這樣用

登陸一下
圖片描述css

左邊右邊都會滾滾滾的分類啦
圖片描述html

喜歡就點個小星星
圖片描述vue

圖片描述

Build Setup

# install dependencies
npm install

# serve with hot reload at localhost:8080
npm run dev

# build for production with minification
npm run build

# build for production and view the bundle analyzer report
npm run build --report

For detailed explanation on how things work, checkout the guide and docs for vue-loader.html5

  • 主要技術棧webpack

    • vue2.0(數據綁定)
    • vue-router(SPA)
    • vuex
    • es六、html五、css3
    • axios
  • 組件庫
    mint-ui

目錄

|
|—— build 
|—— config
|——src : dev resources.
| |—— assets/
| |    |____css
| |    |____images    
| |—— public/ 公共組件
| |    |____ BottomNav.vue
| |    |____ SearchBar.vue     
| |    |____ TabBar.vue  
| |    |____ sidebar.vue  
| |—— page
| |    |____ cart
| |    |____ category
| |    |____ good
| |    |____ mainframe
| |    |____ mine
| |—— router/
| |    |____ index.js 路由映射
| |—— store/ 
| |    |____ store.js
| |—— App.vue :neteast-yanxuan SPA
| |__ main.js : the entry of douban-movieSPA
|
|__ static : static files
相關文章
相關標籤/搜索