![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue笔记
weixin_43727391
这个作者很懒,什么都没留下…
展开
-
【无标题】定时器在vue中的使用
data() {return {timer: null,}},mounted() {this.loadData()this.refreshTimer()},methods:{refreshTimer() {this.clearTimer()this.timer = setInterval(() => {this.loadData()}, 10000)},clearTimer() {if (this.timer) {clearInterval(this.timer)原创 2022-03-30 18:21:22 · 1047 阅读 · 0 评论 -
vue-router 基本使用及vue Router——进阶篇
工作闲暇时间熟悉了下vue路由官方文档,结合往上写的文章发现有两篇写得很好特地记录下vue-router 基本使用vue-router 基本使用vue Router——进阶篇vue Router——进阶篇原创 2021-10-29 15:08:09 · 274 阅读 · 2 评论 -
vue中两种路由传参的方式
在项目的开发过程中,不同的项目传参方式有的不一样,感觉总是记不住,特地研究了下query传参和params传参的区别query传参app.uve中<router-link :to="{ name: 'User', query: { id: 123 } }">User</router-link>router/index.jsuser.vue文件中获取2.params传参app.uve中<router-link :to="{ name: 'User', par原创 2021-10-28 17:50:58 · 78 阅读 · 0 评论 -
组件内导航之beforeRouteUpdate的使用
使用场景:组件复用;路由跳转;beforeRouteUpdate (to, from, next) { // 在当前路由改变,但是该组件被复用时调用 // 举例来说,对于一个带有动态参数的路径 /foo/:id,在 /foo/1 和 /foo/2 之间跳转的时候, // 由于会渲染同样的 Foo 组件,因此组件实例会被复用。而这个钩子就会在这个情况下被调用。 // 可以访问组件实例 `this` },export default{ data(){原创 2021-10-28 15:24:12 · 241 阅读 · 0 评论 -
axios封装
src下新建request文件夹,在request文件夹下1.index.js// http.jsimport axios from "axios";// 环境的切换// if (process.env.NODE_ENV === "development") {// axios.defaults.baseURL = "http://www.baidu.com";// } else if (process.env.NODE_ENV === "production") {// ax原创 2021-09-07 11:02:49 · 101 阅读 · 0 评论 -
vue中vue.config.js的配置
constpath=require("path");module.exports={//部署应用包时的基本URL,用法和webpack本身的output.publicPath一致publicPath:"./",//输出文件目录outputDir:"dist",//eslint-loader是否在保存的时候检查lintOnSave:true,//是否使用包含运行时编译器的Vue构建版本runtime...原创 2021-09-07 10:55:40 · 315 阅读 · 0 评论 -
vue 之this.$router.push、replace、go的区别
一、this.$router.push说明:跳转到指定URL,向history栈添加一个新的记录,点击后退会返回至上一个页面使用://字符串this.$router.push('/user')//对象this.$router.push({path:'/user'})//带查询参数,变成 /register?plan=privatethis.$router.push({ path: "register", query: { plan: "private" } });//这里的路由匹配 nam原创 2021-08-27 15:57:02 · 226 阅读 · 0 评论 -
vue开发中一些问题记录
解决:VUE项目Avoided redundant navigation to current location: “/XXX“.问题在src\router\index.js 中重写Router.prototype.push// 解决ElementUI导航栏中的vue-router在3.0版本以上重复点菜单报错问题const originalPush = VueRouter.prototype.push;VueRouter.prototype.push = function push(locat.原创 2021-08-27 14:01:23 · 43 阅读 · 0 评论 -
vuex store使用总结
原文链接:https://blog.csdn.net/nicepainkiller/article/details/90409673原创 2021-08-25 11:53:23 · 36 阅读 · 0 评论 -
VUE插槽slot用法,三种插槽
原文链接:https://blog.csdn.net/Oralinge/article/details/103896320原创 2021-08-24 17:16:03 · 58 阅读 · 0 评论 -
Vue的配置安装与项目创建
配置需要下载安装node.js解释器检测是否安装好node.js在终端输入node -v检测是否安装好npm在终端输入npm -v下载源配置由于镜像源在国外,因此npm下载时很可能出现网络慢或者下载错误百度搜索npm淘宝镜像淘宝NPM镜像终端输入淘宝镜像npm install -g cnpm --registry=https://registry.npm.taobao.org以后使用cnpm下载即可npm 脚手架安装cnpm install -g @vu原创 2021-08-24 10:27:20 · 76 阅读 · 0 评论 -
vue项目中使用axios时的请求拦截和封装
vue项目中使用axios时的请求拦截和封装1、在src下创建目录utils,在utils下新建文件request.js//request.jsimport axios from 'axios';import { Message,Loading } from 'element-ui';const service = axios.create({ baseURL:process.env.BASE_API, timeout:10000})let loadingInstance;原创 2021-08-23 11:52:23 · 497 阅读 · 0 评论 -
简单使用vuex状态管理的mapState和mapMutations
store.jsimport Vue from ‘vue’import Vuex from ‘vuex’Vue.use(Vuex)export default new Vuex.Store({state: {cityName:“张三”},mutations: {changeStr(state,cName){state.cityName=cName}},actions: {...原创 2019-11-26 22:15:06 · 188 阅读 · 0 评论