vue后端框架mysql_vue框架之前后台交互、element-ui

vue框架之前后台交互、element-ui

vuex(了解)

注：可以完成任意间组件信息交互(移动端)

vuex是实现任何组件间的信息交互，可以理解为全局的一个单例，为任何一个组件共享vue仓库里的数据

在任何一个组件的逻辑里，都可以访问仓库

现在仓库里(store/index.js)定义变量，用来村粗共享数据

state:{info:‘共享数据的初始值’}

在组件逻辑中获取仓库值

let 变量 = this.$store.state.info

在组件逻辑中更新仓库值

this.$store.sate.info = ‘新值’

注：vuex通常运用在开发移动端项目，pc端项目可以用localstorege喝sessionstorege数据库来替换

原因：vuex中的数据，会在页面刷新后，重置到store/index.js配置的默认值

前端存储数据库总汇

cookie

以字符串形式存储，数据有过期时间(过期时间到，数据失效，否则永远有效)

localStorage

以对象形式存储，数据永久保存

sessionStorage

以对象形式存储，生命周期同所属页面标签(页面不关闭，数据就有效)

vuex(store)

以对象形式存储，当页面刷新数据就重置(移动端不能刷新，所以只有应用大退才会重置)

前后台交互方式(重点)

form表单方式

get|post两种请求方式，get请求包含直接在浏览器中输入url回车后发送请求

该方式的特点是一定会发生页面跳转(刷新页面交本页跳转)-后台决定页面路由

ajax异步方式

get | post | patch | put | delete 等众多请求方式，请求目的都是异步获取后的数据

该方式的特点是不会刷新页面，只是得到新的数据，前台自己完成页面的局部刷新、整体刷新、页面