VUE学习笔记
DayHeart
希望粉丝数可以超过关注数
展开
-
路由守卫(以vue-router为例)
1、在src文件夹下创建。2、在main.ts引入。原创 2023-06-13 14:06:25 · 230 阅读 · 0 评论 -
VUE小知识点查漏
1.Vue-ls是什么Vue插件,用于从Vue上下文中使用本地Storage,会话Storage和内存Storage一个vue封装的本地储存的方法。2.原创 2022-04-12 18:15:20 · 418 阅读 · 0 评论 -
【VUE学习笔记】模板绑定时,若绑定的值为函数,不加小括号仍旧会传参
2.模板绑定时,若绑定的值为函数,不加小括号仍旧会传参@click=add等同于@click=add(event)原创 2022-03-30 11:02:59 · 128 阅读 · 0 评论 -
【VUE学习笔记】VUEX模块化编码--手写VS自动生成
手写VUEX自动生成this.$store.state.分类.数据…mapState( ‘分类’ , [ ‘数据’ ] )this.$store.getters[ ‘分类/数据’ ]…mapGetters( ‘分类’ , [ ‘数据’ ] )this.$store.commit( ‘分类/函数’ , 数据 )…mapMutations( ‘分类’ , { 此处数据名 :‘index数据名’ } )this.$store.dispatch( ‘分类/函数’ , 数据...原创 2022-03-30 11:12:58 · 137 阅读 · 0 评论 -
【VUE学习笔记】Select标签中Value属性取值,写数字却变成字符串的解决方法
1.给value属性添加绑定v-bind:value="1"此时的1会被当作js表达式,而不是双引号所包裹的字符串2.给select标签的v-model增加.numberv-model.number此时select标签收集的数值都会强制转换成字符串原创 2022-03-29 16:58:35 · 2030 阅读 · 0 评论 -
【VUE学习笔记】mockAxios流程:
项目场景:需要做假数据,mockAxios解决方案:第一步:在src目录下新建mock文件夹用于存放JSON格式的数据第二步:在src目录下的api文件夹,创建mockAxios.js用于对axios进行二次封装//对Axios进行二次封装import axios from "axios";//引入进度条import nprogress from "nprogress";//引入进度条样式import "nprogress/nprogress.css";//start()开始进度原创 2022-04-04 00:26:07 · 1867 阅读 · 0 评论 -
【VUE学习笔记】vue-router编程式导航路由跳转到当前路由(参数不变), 多次执行会抛出 NavigationDuplicated 的警告错误?
注意:编程式导航(push|replace)才会有这种情况的异常,声明式导航是没有这种问题,因为声明式导航内部(vue-router)已经解决这种问题。这种异常,对于程序运行是没有任何影响的。但是看着非常烦为什么会出现这种现象:由于 vue-router 最新版本 3.5.2,引入了 promise,当传递参数多次且重复,会抛出异常,因此出现上面现象,function push(){return new Promise((resolve,reject)=>{})}第一种解决方案(仅解原创 2022-04-01 17:03:29 · 966 阅读 · 0 评论 -
【VUE学习笔记】前端三大件之分页器
虽然有很多成品分页器可以调用,但是我们还是尽量知道原理,方便实现定制化直接上代码,这是vue组件<template> <div class="pagination"> <button :disabled="pageNo == 1" @click="$emit('getPageNo', pageNo - 1)">上一页</button> <button :class="{ active: pageNo == 1 }" v-if="s原创 2022-04-08 17:01:09 · 1256 阅读 · 0 评论 -
【VUE学习笔记】路由之vuex动态组件创建流程及知识点
以及hash与history的区别,push与replace的区别原创 2022-04-04 17:18:58 · 2653 阅读 · 0 评论