RESTful API和VUE目录结构

RESTful API

• RESTful API目前是前后端分离最佳实践。
• 特点：轻量，直接通过HTTP，不需要额外的协议，GET/POST/PUT/DELETE操作。
• 特点：面向资源，具有解释性。
• 特点：数据描述简单，一般通过JSON或者XML做数据通信。
• 理解RESTful架构：http://www.ruanyifeng.com/blog/2011/09/restful.html
• RESTful API 设计指南：http://www.ruanyifeng.com/blog/2014/05/restful_api.html

VUE基础概念

• Vue是一套用于构建用户界面的渐进式框架。Vue 的核心库只关注视图层。
• VUE的两个重要能力：数据双向绑定，组件化开发。
• wepack：是一个模块打包器，将多个静态资源转换成一个静态文件（例如将html、css、js转为js文件）。
• VUE全家桶（vue、vuex、vue-router、axios）：vuex用于组件间通信，vue-router用于路由跳转，axios用于替代ajax。
• ES6和babel：ES6是js的一种标准，babel是一种转换器（es6转换为es5）。

VUE目录结构介绍

• VUE目录结构：

  ├─mock
    ├─node_modules
    └─src
        ├─api
        ├─axios
        ├─components
        ├─router
        ├─static
        ├─store
        ├─style
        └─views
  

  • mock：模拟后台接口数据。
  • node_modules：第三方包。
  • src：所有源码。
  • api：请求网络的api。
  • axios：拦截器等。
  • components：基础组件。
  • router：路由相关。
  • static：全局静态文件。
  • store：vuex相关。
  • styles：静态的css样式。
  • views：所有的组件。
• chrome插件vuejs devtools，可以识别vue项目，并且列出所有vue相关的内容（该插件安装后在F12中查看）。