首页天道酬勤vuex保存登录状态,vue保存组件状态

vuex保存登录状态,vue保存组件状态

张世龙 05-05 19:05 61次浏览

1 .方法1脚手架创建项目时,选择vuex即可2 .方法2下载并安装需要在项目中途编写vux的1.vuex模块cnpm i vuex --save

/src目录下新建文件夹str ore/index.jsvueximportvuefrom ' vue ' importvuexfrom ' vuex '/vue中vuexvue.use(vuex )3.vue中的vuexvue 类似于全局变量。 state: { isLogin:false }, 包含//mutations中更改的状态数据的只能在代码中读取、更改,不能添加或删除。通常,同步操作mutations: { //函数的参数state指向当前对象的state,而vaations actions:(/例如,初始化函数init ()//这里,启动ajax请求,该请求是value ) state.islogin=value )、//actions (/Ajax ) 页面初始化获取地址定位window.navigator.geolocation.getcurrentposition (function (result ) {console.log ) result.coords ) 在modub } } varmodua={ state : { } } varmodub={ state 3360 { } }4. main.js中引入store/indeer将他添加到vue和组件中

import {mapState} from 'vuex '

用于技术属性

使用//映射函数将状态数据state映射到计算属性的computed:(/参数是数组,包含要使用的state字段. mapstate ) ['islogin']是组件模板

! ---映射到技能属性后,用作计算属性---登录状态: {{isLogin}} 6.在组件中修改状态数据并映射到技能属性后,用作计算属性- -

登录状态: {{isLogin}}

#6.更改组件中的状态数据this.@store.commit(setlogin ),true )

vue3.0文档,vue文件目录结构