vuex怎么改名(vue项目怎么改名字)
vuex 初始化中间件怎么使用
如果有用到 vue-router 的话，最好就是在 vue-router 中的 data 去处理页面渲染前的数据载入或初始化。
例子
// 测试用 API
var API = {
posts: ''
}
var PostListPage = Vue.extend({
data: function() {
return {
posts: []
}
},
route: {
data: function (transition) {
return this.$http.get(API.posts).then(res = {
return { posts: res.json() }
})
}
},
template: 'div class="page"pre{{$data|json}}/pre/div'
})
var HomePage = Vue.extend({
template: 'div class="page"h1Home/h1/div'
})
var router = new VueRouter()
router.map({
'/': {
component: HomePage
},
'/posts': {
component: PostListPage
},
})
var App = Vue.extend({})
router.start(App, '#app')
浏览器console怎么取到页面的vuex呢？
浏览器控制台不能直接探测到 vue 相关语法 ，需要你额外安装 vue 插件，通过 vue 插件来查看。
vuex的数据刷新之后还在吗，怎么做持久化
路由刷新是无刷新跳转，表面看起来就像是一个app应用，表现效果就像你写的 tab 选项卡，所有的数据都还存在内存里，页面是无重载的。
F5刷新做了什么事呢，重新载入页面，销毁之前所有的数据。
所以，F5页面刷新，页面销毁之前的资源，重新请求，因此写在生命周期里的vuex数据是重新初始化，无法获取的。
在App.vue中使用
在store下的index.js中
存储到sessionStorage（cookie与localStore一样）:
vuex-persistedstate默认持久化所有state，指定需要持久化的state,配置如下：
plugins后面加数组可以配置多个
Vuex 刷新页面后数据就消失了，怎么保存数据持久化？
1 .如果想让某些数据页面刷新之后不消失，那就可以结合本地存储做到数据持久化
2 .比如之前的搜索记录，还有一些需要依赖的数据。比如本次活动的代号存下来，让我在一段时间内，根据这个编号来确定相关代号代表的一批数据可以缓存在本地，一遍在下一次请求的时候快速返回
3 .实现原理：在mutations定义的方法里对vuex的状态操作的同时对存储也做相应的操作
4 .插件vue-savedata，vuex-persistedstate
5 .实际实现:监听浏览器的刷新，刷新之前把vuex存在本地，在路由拦截处获取本地储存，放进vuex并删除本地存储，可以自由控制存localstorage和sessionStorage，完全避免插件来消耗性能。
6 .不同页面之间的数据传值，vuex适合组件间传值。
7 .有的问题研究一分钟和一个小时，是会发现不同的问题。
1 .vuex存储在内存。localstorage则以文件的方式存储在本地
2 .应用场景：vuex用于组件之间的传值，localstorage则用于不同页面之间的传值
3 .永久性：当刷新页面时vuex存储的值会丢失。localStorage不会删除
4 .localstorage:只能进行简单的数据读写，对不同组件之间读取数据并做数据转化时，需要对每个读写操作都写一遍代码,重点是存放
5 .vuex是状态管理，重点是管理数据，一个是数据容器，一个是数据管理器。
下列选项（默认保存store中的每个数据到本地 ）
可以为您的特定需求配置插件: (参数都是可选的：有默认值)
1.store/index.js