lizhesystem / Vue-newsinfo

前端项目:基于vue2.0的商城资讯系统(h5版)

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

基于vue2.0的商城资讯


  • 这个项目是跟着网上的视频一步一步做的,对于初学vue的同学来说,挺合适的,基本上vue入门的技术都涵盖了,可以全面的了解整个项目是怎么运作的,各个组件间的传值和交互,路由还有vuex的相关知识,因为是自己学习的项目里面写了大量的注释可供参考。
  • 项目学习到的知识点
    • 基于vue的框架mui Mint-ui的基本使用。
    • 基于nodejs的npm包管理工具、打包工具webpack和与之相对应的插件,以及babel的配置。
    • vue路由的相关知识,路由的配置和渲染以及编程式路由的使用。
    • vue-axios的使用,项目里调用接口都是用的这个异步ajax插件。
    • 全局组件、过滤器的使用。
    • watch和计算属性的使用。
    • vuex的使用--购物车里商品信息的同步都是基于vuex来实现的。

运行

  1. 本地安装node环境,下载项目,在项目根目录命令行输入命令npm install安装依赖包
  2. 运行npm run dev启动项目
  3. 访问地址http://localhost:3000

项目截图

image

image

image

image

image

image

image

image

image

image

PS:

感谢黑马老师提供的接口http://www.liulongbin.top:3005,确实讲的挺好,目前还一直提供使用,大家需要这个视频的话可以去bilibili搜索vue教程-黑马。

About

前端项目:基于vue2.0的商城资讯系统(h5版)


Languages

Language:JavaScript 64.8%Language:CSS 23.3%Language:Vue 11.8%Language:HTML 0.1%