vue-router + vuex实现动态路由

892 阅读1分钟

我们经常需要把某种模式匹配到的所有路由,全都映射到同个组件。比如我在写文章详情页面的时候,页面结构都一样,只是文章id的不同,所以这个时候就可以用动态路由。

vuex的使用

1. vuex是什么?

官方文档说,Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式,它采用集中式存储管理应用的所有组件的状态,并以相应的规则保证状态以一种可预测的方式发生变化。
简单地说,Vuex可以帮助我们管理共享状态,用来管理公用属性,它是一个全局都可以操作的数据仓库!

2. 使用步骤

安装

npm install vuex --save

新建一个store.js用于存放公共的属性,在store.js中引用Vuex

在main.js中引用新建的store.js,并在实例化 Vue对象时加入 store 对象

3. 暂时这样吧,我写不出来了,明天再写。