随笔分类 -  Vue

nvm常用命令
摘要：简介 nvm是node的包管理工具。是一个比较好用node管理工具，切换node版本。 nvm常用命令 nvm install stable ## 安装最新稳定版 node nvm install <version> ## 安装指定版本 nvm uninstall <version> ## 删除已安 阅读全文
posted @ 2022-09-20 15:01 夏雨言 阅读(1396) 评论(0) 推荐(0)
vue使用vConsole
摘要：下载vConsole插件 npm install vconsole 在mian.js上添加代码 import Vconsole from 'vconsole' let vConsole = new Vconsole() Vue.use(vConsole); 原文链接：https://blog.csd 阅读全文
posted @ 2022-08-20 11:24 夏雨言 阅读(729) 评论(0) 推荐(0)
vue 防抖与节流
摘要：什么是防抖节流 函数防抖（debounce） 是指在一定时间内，在动作被连续频繁触发的情况下，动作只会被执行一次，也就是说当调用动作过n毫秒后，才会执行该动作，若在这n毫秒内又调用此动作则将重新计算执行时间，所以短时间内的连续动作永远只会触发一次。 函数节流（throttle） 是指一定时间内执行的 阅读全文
posted @ 2022-08-18 11:55 夏雨言 阅读(668) 评论(0) 推荐(0)
getUrlParams-获取链接中带的参数
摘要：/** * 获取URL中带的链接参数 * @param search 链接后缀 * @return {{}} 对象 */ export function getUrlParams (search) { search = search || location.search const paramsSp 阅读全文
posted @ 2022-07-22 10:25 夏雨言 阅读(223) 评论(0) 推荐(0)
js 获取今日/昨日/本周/上周/当月/上月开始和结束的时间戳
摘要：获取今日零点时间戳 /** * 获取今日零点时间戳 * @returns {number} */ export function todayStartTimestamp() { const timestamp = Math.floor(new Date(new Date().setHours(0, 阅读全文
posted @ 2022-04-07 10:44 夏雨言 阅读(3542) 评论(1) 推荐(0)
JS中对象按属性进行排序
摘要：sort()方法进行排序 语法： # sortby：可选，规定排序顺序。必须是函数。 arrayObject.sort(sortby) 数据: const list = [{ id: 6, name: '赵六' }, { id: 1, name: '小明' }, { id: 3, name: '张三 阅读全文
posted @ 2021-09-16 15:49 夏雨言 阅读(888) 评论(0) 推荐(0)
Vue 生命周期
摘要：生命周期图解 生命周期表格 周期 说明 beforeCreate 在实例初始化之后，数据观测和事件配置之前被调用 created 在实例创建完成后被立即调用，完成数据观测，属性和方法的运算，初始化事件，$el属性未见 beforeMount 在挂载开始之前被调用：相关的 render 函数首次被调用 阅读全文
posted @ 2021-08-24 16:42 夏雨言 阅读(58) 评论(0) 推荐(0)
Vue 强制更新数据
摘要：使用Vue开发时，在函数中改变了页面中的某个值，在函数中查看是修改成功了，但在页面中没有及时刷新改变后的值；赋值玩以后，执行下面这个方法 强制刷新数据。 this.$forceUpdate() 阅读全文
posted @ 2021-08-24 10:35 夏雨言 阅读(192) 评论(0) 推荐(0)
vue 中引用 "js-cookie"、"nprogress"
摘要：js-cookie js-cookie是一个简单的，轻量级的处理cookies的js API ** 安装 ** npm i js-cookie ** 使用 ** // 引入 import Cookies from 'js-cookie' // 定义key const TokenKey = 'Toke 阅读全文
posted @ 2021-08-17 10:52 夏雨言 阅读(82) 评论(0) 推荐(0)
页面禁止鼠标右键及禁止用户鼠标选中后复制
摘要：禁止鼠标右键功能 this.$nextTick(() => { // 禁用右键 document.oncontextmenu = new Function('event.returnValue=false') }) 禁止鼠标选中后复制 通过js实现： this.$nextTick(() => { / 阅读全文
posted @ 2021-08-13 10:06 夏雨言 阅读(138) 评论(0) 推荐(0)
Computed property "xxx" was assigned to but it has no setter.
摘要：vue使用computed属性计算某些值时，在页面上重新赋值时，报错Computed property "xxxx" was assigned to but it has no setter，翻译成中文就是“计算属性“xxxx”已经分配了，但它没有setter”，理解一下，就是属性xxxx获取了值， 阅读全文
posted @ 2021-08-09 16:35 夏雨言 阅读(4613) 评论(0) 推荐(1)
Vite 新建项目
摘要：新建项目 # 进入新建项目的目录 cd ~ # [project-name] 项目名称 npm init @vitejs/app [project-name] 直接构建方法 个人 npm 为 6.x # npm 6.x npm init @vitejs/app my-vue-app --templa 阅读全文
posted @ 2021-07-29 15:10 夏雨言 阅读(251) 评论(0) 推荐(0)