- 博客(7)
- 收藏
- 关注
原创 Vue2中路由的使用
to:'/Teacher' 跳转配置好的路由规则去Teacher.vue组件中。:to:'{name:'xuesheng'}' name即为路由组件名称,通过路径跳转to 跳转到Student下的子组件News.vue中。通过this.$route.query 查询到携带过来的参数。如果需要嵌套在对应的路由组件中继续配置路由规则如下图所示。在详情页.即为Detail.vue中。在Students.vue组件中。name:'路由组件的名称'在App.vue组件中。本内容仅供学习参考使用。
2023-05-02 17:22:23
143
原创 Vue2中配置基础路由
在src下新建router文件夹内建立index.js。router-link-to to代表跳转的路径。active-class 组件激活时所带类名。router-view 组件展示区域。在Student.vue 组件中。在Teacher.vue 组件中。在App.vue 组件中 使用。router-link 切换路径。组件创建完成,配置路由器。如图,我创建了两个组件。以上内容经过学习参考。
2023-05-01 18:44:06
276
原创 Vue2中的mapState和mapGetters和mapActions和mapMutations
在App.js中,通过 $store.commit() 将方法回调名,以及数据,直接传给mutations对象,在mutations对象中写方法回调,将数据进行处理使用。由于已经引入Vuex,所以在this中会有$store方法, store方法中存在 commit,dispatch,getters,state等属性具体属性见下图。并且在其中进行逻辑运算,然后再通过 context.commit('大写方法名区别actions中的方法',value)方法名(context,value){
2023-04-30 20:12:34
558
1
原创 Vue2中使用Vuex
在App.js中,通过 $store.commit() 将方法回调名,以及数据,直接传给mutations对象,在mutations对象中写方法回调,将数据进行处理使用。由于已经引入Vuex,所以在this中会有$store方法, store方法中存在 commit,dispatch,getters,state等属性具体属性见下图。并且在其中进行逻辑运算,然后再通过 context.commit('大写方法名区别actions中的方法',value)方法名(context,value){
2023-04-30 19:39:48
438
1
原创 在Vue2中配置Vuex
Vuex流程(截选Vuex官网)Vuex流程(截选Vuex官网)1.Vuex 是一个专为 Vue.js 应用程序开发的。2.它采用集中式存储管理应用的所有组件的状态,并以相应的规则保证状态以一种可预测的方式发生变化。在 Vue 之后引入vuex。
2023-04-30 12:41:07
1711
1
原创 Vue中使用axios
console.log(response) // 请求成功信息。console.log('请求失败', error);axios.get(请求地址).then(在方法中配置,也可以在mounted中配置。(1)如果需要全局在App.js中引入。(2)在局部引入哪里需要引哪里。
2023-04-28 16:55:32
237
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人