摘要: 1.在plugins文件下创建一个route.js import { getCookie, setCookie } from '@/pages/logreg/api/cookie' import axios from 'axios' export default ({ app, store }) = 阅读全文
posted @ 2021-12-08 15:01 前端白雪 阅读(707) 评论(0) 推荐(0) 编辑
摘要: vue中watch的详细用法 在vue中,使用watch来响应数据的变化。watch的用法大致有三种。下面代码是watch的一种简单的用法: <input type="text" v-model="cityName"/> new Vue({ el: '#root', data: { cityName 阅读全文
posted @ 2021-12-08 13:30 前端白雪 阅读(7381) 评论(0) 推荐(0) 编辑
摘要: vue中为computed计算属性传参遇到的问题 首先介绍下项目背景, 需要将 dataList 中的 item.stars 属性传入 computed 返回要展示的值 部分代码如下(请不要纠结为什么这么做,数据格式确认如此): <li class="recommend-list-item bord 阅读全文
posted @ 2021-12-08 11:47 前端白雪 阅读(3198) 评论(0) 推荐(0) 编辑
摘要: vue 计算属性中(computed)是这样传递参数的(一看就会的操作 超详细) 我们在做项目中有可能会遇到这样一种情况 比如A状态传递过来的是数字 我们需要使用switch来判断这个所属状态分别代表什么意思 (当然啦 这个过滤器也可以实现) 不过今天我要跟大家分享的是使用计算属性来实现 :titl 阅读全文
posted @ 2021-12-08 11:33 前端白雪 阅读(2010) 评论(0) 推荐(0) 编辑
摘要: Vue中的computed、filters的异同以及应用场景 computed和filters的异同 异:computed:1.不能传参,只能监听预先设置好的值;2.值会缓存,在我们要监听的数据没有变化的时候,是不会再去执行对象相应的数据的(性能比较好) filters:1.将返回数据进行处理后返回 阅读全文
posted @ 2021-12-08 11:28 前端白雪 阅读(321) 评论(0) 推荐(0) 编辑
摘要: 在Vue中filter过滤器是一个非常强大的功能。个人觉得称它为加工车间会更加贴切一些。过滤器可以用来筛选出符合条件的,丢弃不符合条件的;加工车间既可以筛选,又可以对筛选出来的进行加工。一、filter的作用是:对值进行筛选加工。二、使用的地方有两个位置,和两个方式。 {{ msg | filter 阅读全文
posted @ 2021-12-08 11:27 前端白雪 阅读(14455) 评论(1) 推荐(0) 编辑
摘要: vue filter的四种用法 先介绍下vue1与vue2的filter区别,也就是vue2更新的地方 a: 2.0将1.0所有自带的过滤器都删除了,也就是说,在2.0中,要使用过滤器,则需要我们自己编写。 b: 2.0过滤器的传参方式不是以前的方式,是以函数传参的方式,下面示例(后面有具体示例): 阅读全文
posted @ 2021-12-08 11:08 前端白雪 阅读(4393) 评论(0) 推荐(0) 编辑
摘要: vue过滤器 和_vue中methods与computed,filters,watch的区别 methods:methods属性里面的方法会在数据发生变化的时候你,只要引用了此里面分方法,方法就会自动执行。这个属性没有依赖缓存。 computed属性,是一个计算属性,该属性里面的方法名相当于data 阅读全文
posted @ 2021-12-08 10:55 前端白雪 阅读(88) 评论(0) 推荐(0) 编辑
摘要: computed(计算属性)和methods的区别 使用方式: <!-- 计算属性里方法的调用 --> <div id="app"> 总价: {{ prices }} <br/> test:{{ tests }} </div> <!-- methods里方法的调用 --> <div id="app" 阅读全文
posted @ 2021-12-08 10:27 前端白雪 阅读(1055) 评论(0) 推荐(0) 编辑
摘要: ES6新增的padStart()方法和padEnd()方法 padStart() 用于头部补全; padEnd() 用于尾部补全。 'abc'.padStart(13, '0123456789') // 0123456789abc 'abc'.padEnd(13, '0123456789') // 阅读全文
posted @ 2021-12-08 09:38 前端白雪 阅读(1319) 评论(0) 推荐(0) 编辑
摘要: js文本框只能填写正整数 版权 1、文本框只能填写正整数: onkeyup="if(this.value.length==1){this.value=this.value.replace(/[^1-9]/g,'')}else{this.value=this.value.replace(/\D/g,' 阅读全文
posted @ 2021-12-08 09:23 前端白雪 阅读(3571) 评论(0) 推荐(0) 编辑
摘要: Vue.component(),Vue.use(),Vue.protype.区别 1.结果 2.Vue.use(对象).Vue.component('组件名',对象)。(注意:use是内部有的,component是注册内部没有的,有的话两者均可用) //这两种方式都可以注册element-ui的组件 阅读全文
posted @ 2021-12-08 09:22 前端白雪 阅读(299) 评论(0) 推荐(0) 编辑