vue基础七

前后台分离开发 mock数据

前后台分离，在后端接口，没有写好时，自己mock数据。数据字段 一定要和后端 设计数据库一样
json-sever  https://github.com/typicode/json-server#getting-started
	
	1，安装  全局
		npm i json-server -g
	
    2,在任意目录 （项目根目录）创建 db.json


    {
      "posts": [
        { "id": 1, "title": "json-server", "author": "typicode" }
      ],
      "comments": [
        { "id": 1, "body": "some comment", "postId": 1 }
      ],
      "profile": { "name": "typicode" }
    }
	在命令行 json-server --watch db.json 
	Now if you go to http://localhost:3000/posts/1

{ "id": 1, "title": "json-server", "author": "typicode" }	
charles 抓包工具

vuex

Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化。Vuex 也集成到 Vue 的官方调试工具