![](https://img-blog.csdnimg.cn/20201014180756930.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue
个人学习记录
这个作者很懒,什么都没留下…
展开
-
vue刷新当前页面
vue刷新当前页面有挺多种方法,比如window.location.reload()或者this.$router.go(0)但是这两种方法是会出现一瞬间的白屏,体验不好,所以这里给大家推荐第三种比较好用的刷新页面的方法在app.vue的加上v-if属性在这里插入代码片在data里面加上isRouterAlive,当然这个属性名可以自己定义,默认值为true data ()...转载 2020-04-07 14:05:41 · 254 阅读 · 0 评论 -
vue store
vue storestate --放数据mutations–修改数据getter–相当于vue中的computed计算属性actions–使用dispatch来提交actions,在actions中commit mutations的方法原创 2020-03-31 16:14:31 · 127 阅读 · 0 评论 -
axios封装
axios封装1.api public.jsimport Vue from 'vue'import axios from 'axios'import { Toast } from 'mint-ui'import { Indicator } from 'mint-ui';import { getCookie, setCookie, delCookie } from '@/utils/co...原创 2020-03-23 16:18:24 · 81 阅读 · 0 评论 -
vue路由
vue路由1、alise //别名2、路由权限控制constantRouterMap //不需要登录的路由集合asyncRouterMap //需要登录的路由集合3、路由跳转@click="$router.push('/course/courseDetail')"this.$router.push({path:'/testDemo',query:{setid:123456}});...原创 2020-03-23 10:15:18 · 639 阅读 · 0 评论 -
vue的接口封装和状态管理
vue的接口封装和状态管理1.config index.js下面的跨域代理设置proxyTable: { '/api': { target: 'http://xxxx', //要访问的后端接口 changeOrigin: true, pathRewrite: { '^/api': 'http://xxx' ...转载 2020-03-20 20:44:31 · 211 阅读 · 0 评论 -
vue-cli的安装及版本查看更新
vue-cli的安装及版本查看更新vue-cli安装npm install vue-cli -gvue-cli的版本查看vue -Vvue-cli的3.0+以后使用的不是vue-cli了,如果用以上的安装命令安装的并不是最新版的3.0+的,而如果安装3.0的话就需要使用新的npm install @vue/cli -g如果原来已经安装了vue-cli的话需要先卸载原来的安装n...转载 2020-03-19 16:52:26 · 251 阅读 · 0 评论 -
生命周期函数
mounted在这发起后端请求,拿回数据,配合路由钩子做一些事情原创 2020-03-19 09:47:07 · 61 阅读 · 0 评论 -
vue中的顶部导航渐变
vue中的顶部导航渐变 mounted() { window.addEventListener("scroll", this.handleScroll);}//由于是在整个window中添加的事件,所以要在页面离开时摧毁掉,否则会报错beforeDestroy() { window.removeEventListener("scroll", this.han...转载 2020-03-18 11:42:21 · 480 阅读 · 0 评论