weixin_44685106的博客

to:'/Teacher' 跳转配置好的路由规则去Teacher.vue组件中。:to:'{name:'xuesheng'}' name即为路由组件名称,通过路径跳转to 跳转到Student下的子组件News.vue中。通过this.$route.query 查询到携带过来的参数。如果需要嵌套在对应的路由组件中继续配置路由规则如下图所示。在详情页.即为Detail.vue中。在Students.vue组件中。name:'路由组件的名称'在App.vue组件中。本内容仅供学习参考使用。

在src下新建router文件夹内建立index.js。router-link-to to代表跳转的路径。active-class 组件激活时所带类名。router-view 组件展示区域。在Student.vue 组件中。在Teacher.vue 组件中。在App.vue 组件中 使用。router-link 切换路径。组件创建完成,配置路由器。如图，我创建了两个组件。以上内容经过学习参考。

第一步通过一个参数去实现任意组件间通信的一个方法这个参数需要被所有VueComponents看见第一步。

在App.js中,通过 $store.commit() 将方法回调名,以及数据,直接传给mutations对象,在mutations对象中写方法回调,将数据进行处理使用。由于已经引入Vuex,所以在this中会有$store方法, store方法中存在 commit,dispatch,getters,state等属性具体属性见下图。并且在其中进行逻辑运算,然后再通过 context.commit('大写方法名区别actions中的方法',value)方法名(context,value){

在App.js中,通过 $store.commit() 将方法回调名,以及数据,直接传给mutations对象,在mutations对象中写方法回调,将数据进行处理使用。由于已经引入Vuex,所以在this中会有$store方法, store方法中存在 commit,dispatch,getters,state等属性具体属性见下图。并且在其中进行逻辑运算,然后再通过 context.commit('大写方法名区别actions中的方法',value)方法名(context,value){

Vuex流程（截选Vuex官网）Vuex流程（截选Vuex官网）1.Vuex 是一个专为 Vue.js 应用程序开发的。2.它采用集中式存储管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化。在 Vue 之后引入vuex。

console.log(response) // 请求成功信息。console.log('请求失败', error);axios.get(请求地址).then(在方法中配置，也可以在mounted中配置。（1）如果需要全局在App.js中引入。（2）在局部引入哪里需要引哪里。