python笔记(Vue 前后端分离小项目，Vuex:state,Mutation,actions)

ElenmentUI的使用
安装Elenment
引入Elenment
main.js

1. 页面结构图
   

2. [生命周期]

   (https://cn.vuejs.org/v2/guide/instance.html#生命周期图示)

3. 路由请求

   APP.vue
   
   Vheader.vue
   
   
   切换路由
   
   路由切换保持状态
   

4. Vuex

   main.js配置
   

5. vuex单独state的使用

   main.js
   APP.vue
   数据获取（自定义数据）
   
   ajax请求数据
   
   VnoteList.vue
   显示数据
   
   VnoteItem.vue
   
   Vmarked.vue
   提交数据
   
   
   获取值
   
   提交到后端
   

6. mutation+state的使用

   main.js
   

   获取数据
   添加数据
   Vmark.vue
   
   main.js
   

7. mutation+state+actions的使用(正规使用方法)
   Vmark.vue
   

   main.js