VUE学习笔记
DayHeart
希望粉丝数可以超过关注数
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
路由守卫(以vue-router为例)
1、在src文件夹下创建。2、在main.ts引入。原创 2023-06-13 14:06:25 · 308 阅读 · 0 评论 -
VUE小知识点查漏
1.Vue-ls是什么 Vue插件,用于从Vue上下文中使用本地Storage,会话Storage和内存Storage 一个vue封装的本地储存的方法。 2.原创 2022-04-12 18:15:20 · 454 阅读 · 0 评论 -
【VUE学习笔记】模板绑定时,若绑定的值为函数,不加小括号仍旧会传参
2.模板绑定时,若绑定的值为函数,不加小括号仍旧会传参 @click=add 等同于 @click=add(event)原创 2022-03-30 11:02:59 · 164 阅读 · 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 · 180 阅读 · 0 评论 -
【VUE学习笔记】Select标签中Value属性取值,写数字却变成字符串的解决方法
1.给value属性添加绑定 v-bind:value="1" 此时的1会被当作js表达式,而不是双引号所包裹的字符串 2.给select标签的v-model增加.number v-model.number 此时select标签收集的数值都会强制转换成字符串原创 2022-03-29 16:58:35 · 2177 阅读 · 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 · 1932 阅读 · 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 · 1043 阅读 · 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 · 1312 阅读 · 0 评论 -
【VUE学习笔记】路由之vuex动态组件创建流程及知识点
以及hash与history的区别,push与replace的区别原创 2022-04-04 17:18:58 · 2720 阅读 · 0 评论
分享