3.RESTful API和VUE目录结构

《Vue+Django REST framework实战》学习笔记3:restful api和vue基础概念。
224阅读 · 2020-7-28 23:30发布

RESTful API和VUE目录结构

RESTful API

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中查看)。