关于Vuex
是一个专为 Vue.js 应用程序开发的状态管理模式。
通俗来说是一个用来管理数据的插件。他采用集中式存储管理应用的所有组件的状态
他的配置文件在:
项目目录/src/store/index.js
他有以下几种属性
state:作用是存放数据。
mutations:他的作用跟事件很相似,在里面写方法。
当需要时调用方法来改变state里的数据。
官方文档里有一句很好理解的话:
“当触发一个类型为 increment 的 mutation 时,调用此函数。”
要唤醒一个 mutation handler,你需要以相应的 type 调用 store.commit 方法:
store.commit(‘increment’)
注意: mutations 可以通过提交mutations来修改state 的数值。
可以使用下面的模版来调用:
this.$store.commit(‘save_goodsId’, goodsId)
getter
getter跟计算属性差不多,但他不会修改state的数值,他只会返回计算好的数值。
actions
modules
其他的用到之后我再来补充
vue-router
路由懒加载:访问页面的时候才去请求资源,而不是一下全部加载完
{
path: '/Address',
name: 'Address',
component: () => import("../views/Address.vue")
}
VUE 返回上一层用 this.$router.history.go(-1)
五级标题
六级标题
今天遇到的一个小坑:
一直报错:
http://localhost:8080/sockjs-node/info?t=1462183700002
解决方法是:
开发环境中关闭npm dev server,然后重新npm run serve重新构建服务环境就可以了。