vuex
三人行,必有我师!!!
三人行,必有我师!!!
展开
-
vue,城市选择组件
功能: 有搜索功能 当前城市展示 热门城市 可以点击右侧字母,也可以滚动字母方便选择城市 图示 完整代码: 文件目录: City.vue文件 <template> <div> <city-header></city-header> <city-search :cities="cities"></city-search> <city-list :cities=".原创 2021-03-12 14:33:22 · 1179 阅读 · 0 评论 -
刷新页面,vuex丢失改变数据问题解决。
问题背景: 公用数据使用vuex存储。默认name是“小杨”,使用vuex改变name="小白"。这时刷新页面,name又变成了“小杨”。 问题解决: 利用localStorage,类似cookie功能,做到本地存储。 引申问题:当使用了localStorage时候,建议一定使用 try catch。因为在某些浏览器,当用户关闭了本地存储,或者使用了隐身模式,使用localStorage会抛出异常,程序整个就运行不了啦。 ...原创 2021-03-11 14:39:59 · 161 阅读 · 0 评论 -
关于vuex的使用,以及了解
state:所有的公用数据都放在state中。要想使用,直接调用state 修改state: 一:改变state中的数据,不能直接让组件修改,必须走流程:如果有异步操作或者复杂的同步操作,直接将操作放在actions中,组件先调用actions(使用dispath方法),然后调用mutations(使用commit方法)。mutations中放着一个一个的同步对state的修改。 二:当没有任何的异步操作,操作非常简单,不是批量的数据操作时,可以略过调用actions 直接调用mutation...原创 2021-03-11 14:22:35 · 151 阅读 · 1 评论