wushen的博客

文章目录安装vue cli创建项目路由配置新建页面文件创建路由使用vue路由使用vant UI组件库创建storeVue CLI 是一个基于 Vue.js 进行快速开发的完整系统，官网 [vue cli ](介绍 | Vue CLI (vuejs.org))安装vue clinpm install -g @vue/cli-service-global创建项目# 创建项目vue create project name# 选择默认选项 完成安装# 进入项目目录cd project

映射方法映射方法可以让我们使用 Vuex 的方法是更加简洁会减少大量的代码！！！mutations 和 actions 需要映射到 methods 里，而 state 和 getters 则需要映射到 computed 里一、普通映射export default new Vuex.Store({ state: { str: "我是映射过去的 state 方法" }, mutations: { fun1(){ console.log("我是映射过去的 mutat

actions中提交mutations的方法我们普通用法是context.commit(‘方法名’,‘参数’)简写可以这样写 actions: { //异步更新state decrease({commit,state}){ let count = state.count-1 setTimeout(() => { commit(types.DECREASE, count) }, 2

vuex中的store分模块管理，需要在store的index.js中引入各个模块，为了解决不同模块命名冲突的问题，将不同模块的namespaced:true，之后在不同页面中引入getter、actions、mutations时，需要加上所属的模块名1、声明分模块的store时加上namespaced:true// initial stateconst state = { userId:'',//用户id userName:'',//用户名称 token:'',//token per

一直想总结一下token的用法,直接把朋友的转载过来了,毕竟没有他写的好,原文一.应用需求token的意思是“令牌”，是服务端生成的一串字符串，作为客户端进行请求的一个标识。当用户第一次登录后，服务器生成一个token并将此token返回给客户端，以后客户端只需带上这个token前来请求数据即可，无需再次带上用户名和密码。简单token的组成；uid(用户唯一的身份标识)、time(当...

存值methods: { save () { this.$store.commit('getList', data); }}取值methods: { value () { this.$store.state.handle.list.data; }}store的index.js中import Vue from 'vue'import Vuex from 'vuex...

this.$store.dispatch() 与 this.$store.commit()方法的区别总的来说他们只是存取方式的不同,两个方法都是传值给vuex的mutation改变statethis.$store.dispatch() ：含有异步操作，例如向后台提交数据，写法：this.$store.dispatch(‘action方法名’,值)this.$store.commit()：同步操...

statestate是什么? 定义:state(vuex) ≈ data (vue)vuex的state和vue的data有很多相似之处,都是用于存储一些数据,或者说状态值.这些值都将被挂载 数据和dom的双向绑定事件,也就是当你改变值的时候可以触发dom的更新.虽然state和data有很多相似之处,但state在使用的时候一般被挂载到子组件的computed计算属性上,这样有利于stat...

sessionStorage和localStorageWeb Storage实际上由两部分组成：sessionStorage与localStorage。sessionStorage用于本地存储一个会话（session）中的数据，这些数据只有在同一个会话中的页面才能访问并且当会话结束后数据也随之销毁。因此sessionStorage不是一种持久化的本地存储，仅仅是会话级别的存储。localSt...

src/store/index.jsimport Vue from 'vue'import Vue from 'vue'//1.安装插件Vue.use(Vuex)//2.创建对象const store = new Vuex.store({ state:{//组件中用$store.state }, actions:{ }, getters:{ }, modules:{ }...