vue
文章平均质量分 58
qq_47518788
这个作者很懒,什么都没留下…
展开
-
重写Number的toFixed方法,解决四舍五入精度问题
toFi//重写Number的toFixed方法,解决四舍五入精度问题Number.prototype.toFixed=function (d) { var s=this+""; if(!d){ d=0; }else{ d=parseInt(d); } if(s.indexOf(".")==-1)s+="."; s+=new Array(d+1).join("0"); if(new RegExp("^(-|\\+)?(\\原创 2022-03-05 13:29:19 · 381 阅读 · 0 评论 -
vue slot插槽,具名插槽,作用域插槽slot-scope
默认内容当我们使用自定义的组件时想要设置一个默认内容,如果不传入值就使用默认值,这时后备内容就很有必要了<template> <p> <slot>我是默认内容</slot> </p></template>父组件调用时我们不传入值 会显示默认内容而不是空<my-component></my-component>具名插槽有时我们需要多个插槽。例如对于一个带有如下模板的<div cla转载 2021-06-08 14:38:52 · 235 阅读 · 0 评论 -
vue router
多页应用(MPA) 传统的应用形式,即每一次页面跳转的时候,后台服务器都会给返回一个新的html文档,这种类型的网站也就是多页网站,也叫做多页应用单页应用 (SPA)Single Page Application 第一次进入页面的时候会请求一个html文件,刷新清除一下。切换到其他组件,此时路径也相应 变化,但是并没有新的html文件请求,页面内容也变化了。原理:JS会感知到url的变化,通过这一点, 可以用js动态的将当前页面的内容清除掉,然后将下一个页面的内容挂载到当前页面上,这个时候的原创 2021-04-12 17:00:38 · 144 阅读 · 1 评论 -
vuex状态管理
单向数据流 vuex状态管理目标1.理解什么是数据管理模式2.什么是vuex3.什么时候使用vuex4.vuex安装及工作原理5.vuex语法知识点1.首先来看下图示例,当我们想实现A->D组件的通信时 需要A先跟B通信,B跟C通信,C再跟D通信,过程很繁琐,数据传输很麻烦。#mermaid-svg-fU5hxAkrgOYvh3Gh .label{font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-原创 2021-04-07 11:10:42 · 78 阅读 · 0 评论 -
vuex中模块modules的用法
目标1.什么是module?2.怎么用module?3.样板代码目录结构知识点1.modules在Vue中State使用是单一状态树结构,应该的所有的状态都放在state里面,如果项目比较复杂,那state是一个很大的对象,store对象也将对变得非常大,难于管理。module:可以让每一个模块拥有自己的state、mutation、action、getters,使得结构非常清晰,方便管理。2.目录结构store│ index.js│ ├─login│ actions原创 2021-04-07 11:17:49 · 199 阅读 · 0 评论 -
vuex辅助函数的使用
目标1.熟练使用mapState2.熟练使用mapGetters3.熟练使用mapActions4.熟练使用mapMutations知识点首先在讲解用法前我们先创建一个仓库实例import Vue from 'vue'import Vuex from 'vuex'import {Mockurl} from '@/until'Vue.use(Vuex)export default new Vuex.Store({ state: { count:0, da原创 2021-04-07 11:15:32 · 469 阅读 · 0 评论