VUE - 随笔分类 - 一名小学生呀

vuex简介

摘要：vuex 是一个专为vue.js 应用程序开发中管理的一个模式。通过创建一个集中的数据存储，方便程序中的所有组件进行访问(vuex就是状态管理工具，数据管理工具) 传统vue使用场景：传统vue是单向数据流。如果是兄弟组件之间传值兄弟组件间的状态传递无能为力，我们经常会采用父子组件通过正向/逆向传阅读全文

posted @ 2022-02-17 10:46 一名小学生呀阅读(1089) 评论(0) 推荐(0)

vue+element-ui 前端实现分页效果

摘要：1.使用el-pagination分页插件  <div class="page"> <el-pagination @size-change="handleSizeChange" @current-change="handleCurrentChange" :current-page 阅读全文

posted @ 2022-02-16 17:01 一名小学生呀阅读(350) 评论(0) 推荐(0)

vue-router 的使用（转）

摘要：vue-router 路由，其实就是指向的意思，当我点击页面上的home按钮时，页面中就要显示home的内容，如果点击页面上的about 按钮，页面中就要显示about 的内容 Home按钮 => home 内容， about按钮 => about 内容，也可以说是一种映射. 所以在页面上有两个部分阅读全文

posted @ 2022-02-16 17:00 一名小学生呀阅读(73) 评论(0) 推荐(0)

vue的常用修饰符

摘要：.lazy（减少触发次数）在默认情况下，v-model 在每次 input 事件触发后将输入框的值与数据进行同步。你可以添加 lazy 修饰符，相当于在onchange事件触发更新 <div> <input type="text" v-model.lazy="value"> <p>{{value 阅读全文

posted @ 2022-02-16 16:36 一名小学生呀阅读(95) 评论(0) 推荐(0)

对象的处理

摘要：Object.assign 拼接、克隆、修改对象 // 基本用法 Object.assign(target, ...sources) Object.assign方法用来将源对象（source）的所有可枚举属性，复制到目标对象（target）。它至少需要两个对象作为参数，第一个参数是目标对象，后面的参阅读全文

posted @ 2022-02-16 16:18 一名小学生呀阅读(64) 评论(0) 推荐(0)

字符串的处理

摘要：substring() 和 substr() 相同：如果只是写一个参数，两者的作用都一样：都是是截取字符串从当前下标以后直到字符串最后的字符串片段 substr(startIndex);substring(startIndex); var str = '12345678' console.log(s 阅读全文

posted @ 2022-02-16 11:28 一名小学生呀阅读(49) 评论(0) 推荐(0)

vue 插槽(slot)的使用方法

摘要：vue的slot主要分三种：默认插槽，具名插槽，作用域插槽使用插槽是在存在父子关系的组件，可以在子组件中决定插槽的位置，同时子组件也可以给这些插槽的默认信息，当父组件中没有需要给子组件插槽插入信息时，显示的是子组件插槽定义的默认信息。默认插槽的使用： // 默认插槽<slot></slot> / 阅读全文

posted @ 2022-02-16 10:10 一名小学生呀阅读(15662) 评论(0) 推荐(1)

求数组平均值 === 箭头函数用法

摘要：// js 原生方式声明函数function say(name){ console.log("hello" + name); }// 箭头函数 var say = name => console.log("hello " + name); // hello tom say("tom"); // 多个阅读全文

posted @ 2022-02-03 22:57 一名小学生呀阅读(125) 评论(0) 推荐(0)

vue --- Promise.all 和 Promise.race 用法和区别

摘要：Pomise.all的使用 Promise.all可以将多个Promise实例包装成一个新的Promise实例。同时，成功和失败的返回值是不同的，成功的时候返回的是一个结果数组，而失败的时候则返回最先被reject失败状态的值。 Promse.all在处理多个异步处理时非常有用，比如说一个页面上需阅读全文

posted @ 2022-02-03 22:45 一名小学生呀阅读(279) 评论(0) 推荐(0)

前端浏览器兼容性问题

摘要：常见浏览器内核分四种：Trident、Gecko、Blink、Webkit IE浏览器：Trident内核，也称为IE内核 Chrome浏览器：Webkit内核，现在是Blink内核 Firefox浏览器：Gecko内核，俗称Firefox内核 Safari浏览器：Webkit内核 Opera浏览器阅读全文

posted @ 2022-02-03 22:07 一名小学生呀阅读(115) 评论(0) 推荐(0)

vue中全局公共方法和变量的使用

摘要：1.在assets文件夹下，新建js文件夹，创建common.js export default { istest(){ console.log("this is test") } } 2.如果是全局（多页面）使用：在main.js中引入 /* 引入公共js*/ import common from 阅读全文

posted @ 2022-02-03 21:54 一名小学生呀阅读(4981) 评论(0) 推荐(0)

img标签动态添加相对路径地址

摘要：vue 中有两种办法可以动态在html 文件中添加相对路径： 1. 利用import 引入后直接使用 2.在data 中利用 require 引入后使用，如下例子》 // html 代码 <img :src="../../assets/1.jpg"> //此时图片不能显示，需要先把图片都引进来阅读全文

posted @ 2022-02-03 21:52 一名小学生呀阅读(333) 评论(0) 推荐(0)

vue中tab栏切换，页面闪烁

摘要：vue中tab栏切换，页面闪烁：解决 --> 1.添加 <keep-alive> 标签包裹路由显示区，实现缓存内容，不用频繁切换频繁请求数据内容 <keep-alive> <router-view></router-view> </keep-alive> 2.使用指令v-cloak （加上指令发现阅读全文

posted @ 2022-02-03 21:42 一名小学生呀阅读(2253) 评论(0) 推荐(0)

vue创建当前时间（时分秒）=== input 禁止输入小数点等特殊字符 === 动态切换element form 表单的prop校验（当prop为空时校验不生效问题）

摘要：input 内禁止输入小数点等特殊字符 <input type="number" onKeypress="return (/[\d]/.test(String.fromCharCode(event.keyCode)))"> onKeypress="return (/[\d]/.test(String 阅读全文

posted @ 2022-02-02 22:32 一名小学生呀阅读(530) 评论(0) 推荐(0)

vue 父组件与子组件的相互调用

摘要：子组件调用父组件的三种方法：第一种直接在子组件中通过 this.$parent.event 来调用父组件的方法 // 父组件<template> <div> <child></child> </div> </template> <script> import child from '~/comp 阅读全文

posted @ 2022-02-02 22:19 一名小学生呀阅读(295) 评论(0) 推荐(0)

export default 与 export const 区别

摘要：export 用于在JS文件模块中导出（函数，原始值，对象，数组）即导出模块例如： export （命名导出） export {myFunction}; //命名导出函数 export const value=5; //命名导出原始值 export {object1, object2, ....} 阅读全文

posted @ 2022-02-01 11:14 一名小学生呀阅读(290) 评论(0) 推荐(0)

BEM代码规范简单介绍

摘要：BEM是一个命名约定，让前端代码更容易阅读和理解，更容易协作，更加健壮和明确，而且更加严密。 B：Block（块）E：Element（元素）M：Modifier（修饰符）是由Yandex团队提出的一种前端CSS命名方法论。命名约定： .block{} //.block代表了更高级别的抽象或组件.b 阅读全文

posted @ 2022-02-01 11:03 一名小学生呀阅读(434) 评论(0) 推荐(0)

element 表格方法cell-style改变单元格样式

摘要：<el-table :cell-style="timeStyle" > // 修改样式的部分为： <el-table-column label="创建时间" :formatter="startTime" width="150"> // 方法： methods：{ // 改变表格中时间的字体样式：调小阅读全文

posted @ 2022-02-01 10:57 一名小学生呀阅读(3733) 评论(0) 推荐(0)

电脑的常用操作指令

摘要：查看电脑 IP ：ipconfig（回车）切换到指定目录路径：cd 指定路径（将软件的文件路径添加到环境变量内，就可cmd打开控制面板直接启动，不用非要切换到指定目录才能运行）向右切换窗口：alt+tab 向左切换窗口：alt+shift+tab 显示/隐藏桌面：window+d 关闭当前窗口阅读全文

posted @ 2022-02-01 10:43 一名小学生呀阅读(1284) 评论(0) 推荐(0)

前端实现模糊查询（简单例子）

摘要：模糊查询，项目中一般都是传关键字给后端，后端来做。但有时候一些轻量级的列表前端来做可以减少ajax请求，在一定程度上提高用户体验 //字符串方法indexOf var len = list.length; var arr = []; for(var i=0;i<len;i++){ //如果字符串中不阅读全文

posted @ 2022-02-01 10:15 一名小学生呀阅读(1522) 评论(0) 推荐(0)

随笔分类 - VUE