Code Monkey home page Code Monkey logo

vue2-douban-market's Introduction

vue2-douban-market

这是基于vue2 + vue-router2 + vuex + axios 仿(豆瓣市集)的一个webapp项目!也是不断的从原来的开发思维调整到现如今这种模式和**,整个项目走下来算是对于数据双向绑定、组件化、模块化、 数据的处理、模板的渲染、性能的优化 、滚动加载、图片懒加载等有一个初步的了解了!不过毕竟还是第一次使用,还是有很多不足 ,只能算是一个入门的demo,在大体上对vue有一个认识的 。

线上访问地址

http://wuwc.i728.top/examples/7/douban/#/

手机扫码访问

Markdown

部分截图

Markdown

项目地址:(git clone

git clone https://github.com/Awheat/vue2-douban-market.git

安装

npm install

运行

npm run dev

浏览器输入:(http://localhost:8080)即可看到效果

发布

npm run build

技术栈

在此DEMO中使用了一下技术

  • vue2
  • vue-router2
  • vuex
  • webpack2
  • es6
  • axios
  • vue-infinite-scroll
  • vue-lazyload

目录结构

.
├── README.md           
├── build              // 构建服务和webpack配置
├── config             // 项目不同环境的配置
├── dist               // 项目build目录
├── index.html         // 项目入口文件
├── package.json       // 项目配置文件
├── src
│   ├── assets         // css js 和图片资源
│   ├── components     // 各种组件
│   ├── mock           // 模拟数据
│   ├── pages          // 各页面
│   ├── router         // 存放路由的文件夹
│   ├── store	       // 状态管理store
│   ├── App.Vue        // 模板文件入口
│   └── main.js        // Webpack 预编译入口
│	

感谢

感谢您的来访 ,如果对于您有帮助 ,就使劲的给个Star吧 ! ^_^

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.