/qiongyou1

穷游前端

Primary LanguageVue

Vueapp

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 a detailed explanation on how things work, check out the [guide](http://vuejs-templates.github.io/webpack/) and [docs for vue-loader](http://vuejs.github.io/vue-loader).


##主要适用技术栈

前端MVVM框架:Vue.JS 2.x
开发工作流:Webpack 1.x
路由:Vue-Router 2.x
数据交互:Axios
代码风格检测:Eslint
JS插件:rem.js
CSS重置:reset.js
项目目录结构
    webpack
      |---build
      |---src
        |---assets 资源
        |---components组件
          |---common    通用组件
            |---Header.vue 头部组件
            |---Footer.vue 脚部组件
          |---movie    电影组件
            |---Movie.vue 电影组件
          |---music    音乐组件
            |---Music.vue 音乐组件
          |---book    书籍组件
            |---Book.vue 书籍组件
          |---photo    照片组件
            |---Photo.vue 照片组件
      |---router
        |---index.js 配置组件与路径
      |---App.vue
      |---main.js 提供项目入口
移动端的happy_me 主要使用rem属性。配合使用rem.js,实现移动端的适配。

优化了整体的框架,每个模块的标题,颜色,都放在了App.vue中,根据被点击的模块
传参改变标题和对应的颜色。这样重用性会更好,修改添加也比较有效。这样在添加一
个模块时,只用在App,Footer中添加一下,不用每个再引入一下Header,Footer.
App.vue是一个总的组件。