Vue.js
关注
分享
扫一扫
学习笔记999
装逼得逼，求仁成仁，念念不忘，必有回响
展开
-
js 数组对象筛选出相同的数据并合并
const arr1 ={name: “001”,img: require("./images/silver_outstanding_01.png"),}]const arr2 = const arr1 ={medalName: “001”,time: “2022”,}]arrAdd(arr1, arr2) {let arr = [];arr2.filter(item => arr1.some(ele=> {if(ele.name === item.medalNam原创 2022-03-29 14:28:01 · 1806 阅读 · 0 评论 -
JS身份证号码校验大全史上最全号称公安局安全监测
身份证号码校验function testid(id) { // 1 "验证通过!", 0 //校验不通过 // id为身份证号码 var format = /^(([1][1-5])|([2][1-3])|([3][1-7])|([4][1-6])|([5][0-4])|([6][1-5])|([7][1])|([8][1-2]))\d{4}(([1][9]\d{2})|([2]\d{3}))(([0][1-9])|([1][0-2]))(([0][1-9])|([1-2][0-9原创 2021-03-24 17:32:04 · 967 阅读 · 0 评论 -
js 去掉数组对象中的重复对象
在数组对象中去掉重复的对象:export function deteleObject(obj) { var uniques = []; var stringify = {}; for (var i = 0; i < obj.length; i++) { var keys = Object.keys(obj[i]); keys.sort(function(a, b) { return (Number(a) - Number(b)); }); var str = ''; for (var j =.原创 2020-12-09 03:22:56 · 1351 阅读 · 1 评论 -
vue表格实现固定表头和首列
前言 前段时间做移动端的项目，项目中需要一个固定表头和首列的表格，但由于是移动端的，组件库里没有类似的，于是，就去网上找看有没有类似的，结果越找越气，10个文章9个抄，抄也行，你倒是抄个能用的啊，一篇根本就不能用的文章，抄个什么劲？有意义？？？ 没办法，只有自己写一个了。 效果图...转载 2020-09-10 11:30:53 · 4803 阅读 · 3 评论 -
vue使用vconsole调试log日志
首先使用命令在项目中下载vconsole1. npm install vconsole 2 然后在main.js中加入以下代码(或者在需要的页面添加)：import Vconsole from 'vconsole'let vConsole = new Vconsole()Vue.use(vConsole)原创 2020-08-17 17:59:57 · 2251 阅读 · 0 评论 -
vue-router 2.0 常用基础知识点之router.push()
router.push(location)http://www.jianshu.com/p/ee7ff3d1d93d除了使用 <router-link> 创建 a 标签来定义导航链接，我们还可以借助 router 的实例方法，通过编写代码来实现。router.push(location)想要导航到不同的 URL，则使用 router.push 方法。这个方法会向 history 栈添加一个新的记录，...转载 2020-06-28 17:33:00 · 224 阅读 · 0 评论 -
VueJs路由跳转——vue-router的使用详解
路由对象和路由匹配路由对象，即$router会被注入每个组件中，可以利用它进行一些信息的获取。如属性说明$route.path当前路由对象的路径，如'/view/a'$rotue.params关于动态片段（如/user/:username)的键值对信息,如{u...原创 2019-06-24 11:01:57 · 444 阅读 · 0 评论 -
vue的ui框架element-UI的弹出框范例
提示消息this.$message('这是一条消息提示');1成功的消息this.$message({message: '恭喜你，这是一条成功消息', type: 'success' });1234警告消息this.$message({mess...原创 2019-06-18 17:50:06 · 1171 阅读 · 0 评论 -
vue入口main.js文件解析
// The Vue build version to load with the `import` command// (runtime-only or standalone) has been set in webpack.base.conf with an alias.import Vue from 'vue'import App from './App'import router ...原创 2019-06-17 18:14:00 · 2583 阅读 · 0 评论 -
Vue结构目录分析
README.md //项目描述package-lock.json // 是确认版本第三方包的版本,保持版本统一package.json // 第三方包依赖index.html // 首页模板文件.postcssrc.js // postcss的配置项.gitignore // git不需要上传的文件在此配置.eslintrc.js // 代码检测规范.eslintignor...原创 2019-06-17 16:37:24 · 162 阅读 · 0 评论 -
【vue】index.html main.js app.vue index.js怎么结合的？ 怎么打包的？
怎么结合的： 一、启动项目 第一步：cmd进入项目文件里，运行npm run dev 启动项目 这里说明启动端口号是8080 第二步：往页面输...转载 2019-06-17 16:15:06 · 830 阅读 · 0 评论 -
vue 插槽 slot
[vue] 插槽 slot <!-- 文章内容 --> <div data-note-content="" class="show-content"> <div class="show-content-free"> <p>之前对插槽的理解并不深入，参考官网理解一下~</p>...原创 2019-06-10 18:16:06 · 182 阅读 · 0 评论 -
vue 给组件绑定原生事件
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <script src="./vue.js"></script></head><body&...原创 2019-06-06 18:08:11 · 322 阅读 · 0 评论 -
vue组件使用的细节点
1在 ul ol select table 在标签里面使用子组件时 用is = ‘XXX’2在子组件定义data数据时,用要用到return语句data: function () { return { aa: '1' }}3 通过ref获取dom 节点<div ref = 'hello'></div>methods: { click: funct...原创 2019-06-06 17:51:49 · 159 阅读 · 0 评论 -
Vue中的样式绑定
1 第一种<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>vue</title><script src="./vue.js"></script><style type="text/cs...原创 2019-06-06 16:19:51 · 157 阅读 · 0 评论 -
axios在vue中的简单配置与使用
尤雨溪之前在微博发布消息，不再继续维护vue-resource，并推荐大家开始使用 axios 。一、axios 简介axios 是一个基于Promise 用于浏览器和 nodejs 的 HTTP 客户端，它本身具有以下特征：https://hzzly.github.io/2017/03/12/axios%E5%9C%A8vue%E4%B8%AD%E7%9A%84%E7%AE%...转载 2019-06-05 17:28:03 · 625 阅读 · 1 评论 -
理解 $nextTick 的作用,API 文档中的 Vue.nextTick 和 vm.$nextTick 的作用理解
有同学在看 Vue 官方文档时，对 API 文档中的 Vue.nextTick 和 vm.$nextTick 的作用不太理解。其实如果看一下深入响应式原理 - vue.js中的有关内容，可能会有所理解，不过有些同学可能看到这个标题之后就选择跳过了，因此这里简述如下：Vue 实现响应式并不是数据发生变化之后 DOM 立即变化，而是按一定的策略进行 DOM 的更新。$nextTick ...转载 2019-06-05 17:26:53 · 1577 阅读 · 0 评论 -
VUEX入门简单介绍了解
今天试了一下Vuex,感觉跟Redux的实现思想类似。再此，简单地总结一下。什么是Vuex在Vue中，多组件的开发给我们带来了很多的方便，但同时当项目规模变大的时候，多个组件间的数据通信和状态管理就显得难以维护。而Vuex就此应运而生。将状态管理单独拎出来，应用统一的方式进行处理，在后期维护的过程中数据的修改和维护就变得简单而清晰了。Vuex采用和Redux类似的单向数据流的方式来管理...原创 2019-06-05 17:25:09 · 162 阅读 · 0 评论 -
vue-router 2.0 常用基础知识点之router.push()
router.push(location)http://www.jianshu.com/p/ee7ff3d1d93d除了使用 <router-link> 创建 a 标签来定义导航链接，我们还可以借助 router 的实例方法，通过编写代码来实现。router.push(location)想要导航到不同的 URL，则使用 router.push 方法。这个方法会向 hist...转载 2019-06-05 17:24:14 · 2492 阅读 · 0 评论